Function handleInput

web/src/components/TerminalDemo.tsx:449–950

(input: string)

  // Handle various input commands
  const handleInput = async (input: string) => {
    const cleanInput = input.trim().toLowerCase()

    // Add the user's command to the terminal
    setTerminalLines((prev) => [
      ...prev,
      <TerminalOutput key={`user-cmd-${Date.now()}`} className="text-wrap">
        {'>'} {input}
      </TerminalOutput>,
    ])

    match(cleanInput)
      .with('help', () => {
        posthog.capture(AnalyticsEvent.DEMO_TERMINAL_HELP_VIEWED)
        setTerminalLines((prev) => [
          ...prev,
          <TerminalOutput key={`help-${Date.now()}`}>
            <div className="bg-zinc-800/50 p-3 rounded-md border border-zinc-700/50 my-2">
              <p className="text-yellow-400 font-bold mb-2">
                CODEBUFF COMMANDS:
              </p>
              <p className="mb-1">
                • <span className="text-blue-400">"optimize performance"</span>{' '}
                - Speed up your application
              </p>
              <p className="mb-1">
                • <span className="text-blue-400">"refactor auth flow"</span> -
                Improve code organization
              </p>
              <p className="mb-1">
                • <span className="text-blue-400">"add dark mode"</span> -
                Implement a new feature
              </p>
              <p className="mb-1">
                • <span className="text-blue-400">"fix memory leak"</span> -
                Resolve coding issues
              </p>
              <p className="mb-1">
                • <span className="text-blue-400">"change theme"</span> - Change
                the preview theme
              </p>
              <p className="mt-3 text-green-400">
                ℹ️ This is a demo with limited functionality. Install Codebuff
                for full capabilities:
              </p>
              <p className="font-mono bg-black/30 p-2 rounded text-white/90 mt-1">
                npm install -g codebuff
              </p>
            </div>
          </TerminalOutput>,
        ])
      })
      .with(
        P.string.includes('optimize'),
        P.string.includes('performance'),
        () => {
          posthog.capture(AnalyticsEvent.DEMO_TERMINAL_OPTIMIZE_REQUESTED)
          const response = SAMPLE_RESPONSES.optimize