chore: import upstream snapshot with attribution

2026-07-13 13:32:57 +08:00
commit cd420f9332
4811 changed files with 884702 additions and 0 deletions
@@ -0,0 +1,58 @@
+import { PaperAirplaneIcon, StopIcon } from "@heroicons/react/20/solid";
+import { useRef } from "react";
+import { Button } from "~/components/primitives/Buttons";
+import { cn } from "~/utils/cn";
+
+export function DashboardAgentComposer({
+  value,
+  onChange,
+  onSubmit,
+  onStop,
+  isStreaming,
+}: {
+  value: string;
+  onChange: (value: string) => void;
+  onSubmit: () => void;
+  onStop: () => void;
+  isStreaming: boolean;
+}) {
+  const ref = useRef<HTMLTextAreaElement>(null);
+
+  return (
+    <div className="border-t border-grid-bright p-3">
+      <div className="rounded-2xl border border-border-bright bg-background-bright p-2 transition focus-within:border-border-brighter">
+        <div className="flex items-end gap-2">
+          <textarea
+            ref={ref}
+            value={value}
+            onChange={(e) => onChange(e.target.value)}
+            onKeyDown={(e) => {
+              if (e.key === "Enter" && !e.shiftKey && !e.nativeEvent.isComposing) {
+                e.preventDefault();
+                onSubmit();
+              }
+            }}
+            placeholder="Type a message…"
+            className={cn(
+              "max-h-[40vh] min-h-[40px] flex-1 resize-none border-0 bg-transparent px-2 py-1.5 text-sm text-text-bright placeholder-text-dimmed outline-hidden ring-0 scrollbar-thin scrollbar-track-transparent scrollbar-thumb-surface-control field-sizing-content focus:outline-hidden focus:ring-0"
+            )}
+          />
+          {isStreaming ? (
+            <Button variant="danger/small" LeadingIcon={StopIcon} onClick={onStop}>
+              Stop
+            </Button>
+          ) : (
+            <Button
+              variant="primary/small"
+              LeadingIcon={PaperAirplaneIcon}
+              onClick={onSubmit}
+              disabled={!value.trim()}
+            >
+              Send
+            </Button>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}