import {
  EditBlock,
  Message,
  SessionContent,
  Input,
  InputLevelMeta,
  TerminalLine,
  TerminalWindow,
  ThinkingIndicator,
} from "@/components/terminal-kit"

export function EditBlockSession() {
  return (
    <TerminalWindow
      path="projects/main malayvasa/folder"
      showTrafficLights
      footer={
        <Input
          showCursor
          placeholder='Try "how does <filepath> work?"'
          metaLeft="? for shortcuts · ← for agents"
          metaRight={<InputLevelMeta />}
        />
      }
    >
        <SessionContent>
          <Message>/make-interfaces-feel-better</Message>
          <ThinkingIndicator label="Thinking" />
          <TerminalLine>
            I'll tighten the primary button's hover state — ease the opacity and add a
            motion-safe press scale so it reads as responsive.
          </TerminalLine>
          <EditBlock
            file="components/ui/primary-button.tsx"
            startLine={12}
            highlightLines={[19, 20, 21, 22]}
            code={"export function PrimaryButton() {\n  /* ... */\n}"}
          />
          <TerminalLine variant="dim">
            Applied the edit. The button now eases on hover and presses in on click.
          </TerminalLine>
        </SessionContent>
    </TerminalWindow>
  )
}