Using Slash Commands and Chat Participants

/generate a React component that displays a list of users with their names and avatars

/explain function debounce(func, wait) {
  let timeout;
  return function executedFunction(...args) {
    const later = () => {
      clearTimeout(timeout);
      func(...args);
    };
    clearTimeout(timeout);
    timeout = setTimeout(later, wait);
  };
}

const slashCommand = {
  command: "/aiTool",
  description: "Runs an AI-assisted code review",
  parameters: {
    file: {
      type: "string",
      required: true
    },
    mode: {
      type: "string",
      required: false,
      default: "full"
    }
  }
};

aiAgent.registerCommand(slashCommand);

// Usage in chat:
// /aiTool file="src/main.js" mode="quick"

// Define a chat participant with custom behavior
const participant = {
  name: "CodeAssistant",
  role: "assistant",
  capabilities: ["code_generation", "debugging"],
  context: {
    language: "javascript",
    framework: "react"
  }
};

// Register the participant in a chat session
const session = createChatSession({ participants: [participant] });

const participant = {
  name: "sql-assistant",
  description: "Helps with SQL query generation and optimization",
  capabilities: ["generate", "explain", "optimize"],
  handleRequest: (request) => {
    // Implementation logic here
  }
};

// Register the participant with the AI system
aiSystem.registerParticipant(participant);

const command = "/generate ${context.projectName} with ${input}";
console.log(command); // /generate MyProject with user input

/generate api endpoint for user login
/fix linting errors in /generate output
/explain /fix output

<code>/help
Available commands:
/help - Show this help message
/commands - List all available commands
/chat <participant> - Start a new chat session
/list - List all active participants
/info <command> - Show detailed info about a command</code>
</pre>
</div>
</div>
<div class="note"><strong>Note:</strong> The <code>/help</code> command dynamically updates as new features are added to the AI assistant.</div>
<h2 id="8-scoping-commands-to-a-workspace">8. Scoping Commands to a Workspace<a href="#8-scoping-commands-to-a-workspace" class="toc__headingLink" aria-label="Link to this section"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg></a></h2>
<table>
<tbody>
<tr>
<th>Command</th>
<th>Description</th>
<th>Scope</th>
<th>Notes</th>
</tr>
<tr>
<td class="property">/workspace</td>
<td>Lists available workspaces</td>
<td>Global</td>
<td>Can be used in any context</td>
</tr>
<tr>
<td class="property">/workspace switch <name></td>
<td>Switches to a specific workspace</td>
<td>Current session</td>
<td>Changes context for all subsequent commands</td>
</tr>
<tr>
<td class="property">/workspace create <name></td>
<td>Creates a new workspace</td>
<td>Global</td>
<td>Requires admin privileges in some systems</td>
</tr>
<tr>
<td class="property">/workspace delete <name></td>
<td>Deletes a workspace</td>
<td>Global</td>
<td>Permanently removes all data in the workspace</td>
</tr>
</tbody>
</table>
<div class="example">
<h2 id="example-switching-workspaces">Example: Switching Workspaces<a href="#example-switching-workspaces" class="toc__headingLink" aria-label="Link to this section"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg></a></h2>
<div class="codeBlock" data-language="bash"><pre><code>/workspace switch my-project