@lemonriver/core 0.1.1 → 0.2.0

package/src/app/components/agent/agent-dock.tsx

@@ -0,0 +1,35 @@
+import { Sparkles } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { useAgentDock, useAgentStatus } from '@/lib/agent/use-agent';
+import { useLocale } from '@/lib/use-locale';
+import { ProviderLogo } from './provider-logo';
+
+export const AGENT_DOCK_W = 380;
+
+export function AgentToggleButton() {
+  const t = useLocale();
+  const { open, toggle } = useAgentDock();
+  const { provider } = useAgentStatus();
+  if (import.meta.env.PROD) return null;
+  return (
+    <Button
+      size="sm"
+      variant={open ? 'default' : 'ghost'}
+      onClick={toggle}
+      aria-pressed={open}
+      aria-label={t.agent.openTitle}
+      title={t.agent.openTitle}
+      data-agent-ui
+    >
+      {provider ? (
+        <ProviderLogo provider={provider.id} className="size-3.5" />
+      ) : (
+        <Sparkles className="size-3.5" />
+      )}
+      <span className="hidden lg:inline">{t.agent.open}</span>
+      <kbd className="ml-1 hidden rounded-[3px] bg-foreground/10 px-1 font-mono text-[9.5px] tracking-[0.04em] lg:inline">
+        A
+      </kbd>
+    </Button>
+  );
+}

package/src/app/components/agent/agent-markdown.tsx

@@ -0,0 +1,45 @@
+import { useMemo } from 'react';
+import { NoteMarkdown } from '@/components/note-markdown';
+
+type Segment = { type: 'text'; text: string } | { type: 'code'; code: string };
+
+const FENCE = /^```[^\n]*\n([\s\S]*?)\n?```\s*$/m;
+
+function splitFences(text: string): Segment[] {
+  const segments: Segment[] = [];
+  let rest = text;
+  while (rest) {
+    const m = FENCE.exec(rest);
+    if (!m) {
+      segments.push({ type: 'text', text: rest });
+      break;
+    }
+    const before = rest.slice(0, m.index);
+    if (before.trim()) segments.push({ type: 'text', text: before });
+    segments.push({ type: 'code', code: m[1] });
+    rest = rest.slice(m.index + m[0].length);
+  }
+  return segments;
+}
+
+export function AgentMarkdown({ text }: { text: string }) {
+  const segments = useMemo(() => splitFences(text), [text]);
+  return (
+    <div className="space-y-2 text-[12.5px] leading-[1.55] [&_ol]:my-1 [&_ul]:my-1">
+      {segments.map((segment, i) =>
+        segment.type === 'code' ? (
+          <pre
+            // biome-ignore lint/suspicious/noArrayIndexKey: static parse output, never reordered
+            key={i}
+            className="overflow-x-auto rounded-[6px] border border-hairline bg-muted/60 px-2.5 py-2 font-mono text-[11px] leading-relaxed"
+          >
+            <code>{segment.code}</code>
+          </pre>
+        ) : (
+          // biome-ignore lint/suspicious/noArrayIndexKey: static parse output, never reordered
+          <NoteMarkdown key={i} text={segment.text} />
+        ),
+      )}
+    </div>
+  );
+}