@townco/gui-template 0.1.11 → 0.1.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/assets/{acp-sdk-C7r2g8Gx.js → acp-sdk-CrAUv_2m.js} +1 -1
  2. package/dist/assets/icons-Dn0pjvgj.js +1 -0
  3. package/dist/assets/index-9OV0HYRI.js +8 -0
  4. package/dist/assets/index-dSWdaIUO.css +1 -0
  5. package/dist/assets/{markdown-BYclSlXM.js → markdown-CwEbCfit.js} +1 -1
  6. package/dist/assets/{radix-5M08E2bk.js → radix-BPjk4-Jl.js} +1 -1
  7. package/dist/assets/react-CIcriR6k.js +61 -0
  8. package/dist/assets/vendor--IKG6KWl.js +48 -0
  9. package/dist/index.html +8 -8
  10. package/package.json +3 -3
  11. package/src/App.tsx +18 -2
  12. package/src/ChatView.tsx +21 -6
  13. package/dist/assets/icons-DyKSdrA7.js +0 -1
  14. package/dist/assets/index-BvPp7Gvn.js +0 -8
  15. package/dist/assets/index-DDhFOEN_.css +0 -1
  16. package/dist/assets/react-oZw8z-KQ.js +0 -49
  17. package/dist/assets/vendor-CEpcc87q.js +0 -48
package/dist/index.html CHANGED
@@ -4,14 +4,14 @@
4
4
  <meta charset="UTF-8" />
5
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
6
  <title>Agent Chat</title>
7
- <script type="module" crossorigin src="/assets/index-BvPp7Gvn.js"></script>
8
- <link rel="modulepreload" crossorigin href="/assets/vendor-CEpcc87q.js">
9
- <link rel="modulepreload" crossorigin href="/assets/react-oZw8z-KQ.js">
10
- <link rel="modulepreload" crossorigin href="/assets/acp-sdk-C7r2g8Gx.js">
11
- <link rel="modulepreload" crossorigin href="/assets/radix-5M08E2bk.js">
12
- <link rel="modulepreload" crossorigin href="/assets/icons-DyKSdrA7.js">
13
- <link rel="modulepreload" crossorigin href="/assets/markdown-BYclSlXM.js">
14
- <link rel="stylesheet" crossorigin href="/assets/index-DDhFOEN_.css">
7
+ <script type="module" crossorigin src="/assets/index-9OV0HYRI.js"></script>
8
+ <link rel="modulepreload" crossorigin href="/assets/vendor--IKG6KWl.js">
9
+ <link rel="modulepreload" crossorigin href="/assets/react-CIcriR6k.js">
10
+ <link rel="modulepreload" crossorigin href="/assets/acp-sdk-CrAUv_2m.js">
11
+ <link rel="modulepreload" crossorigin href="/assets/radix-BPjk4-Jl.js">
12
+ <link rel="modulepreload" crossorigin href="/assets/icons-Dn0pjvgj.js">
13
+ <link rel="modulepreload" crossorigin href="/assets/markdown-CwEbCfit.js">
14
+ <link rel="stylesheet" crossorigin href="/assets/index-dSWdaIUO.css">
15
15
  </head>
16
16
  <body>
17
17
  <div id="root"></div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@townco/gui-template",
3
- "version": "0.1.11",
3
+ "version": "0.1.13",
4
4
  "type": "module",
5
5
  "files": [
6
6
  "dist",
@@ -22,14 +22,14 @@
22
22
  "check": "tsc --noEmit"
23
23
  },
24
24
  "dependencies": {
25
- "@townco/ui": "0.1.14",
25
+ "@townco/ui": "0.1.16",
26
26
  "lucide-react": "^0.552.0",
27
27
  "react": "^19.2.0",
28
28
  "react-dom": "^19.2.0"
29
29
  },
30
30
  "devDependencies": {
31
31
  "@tailwindcss/postcss": "^4.1.17",
32
- "@townco/tsconfig": "0.1.11",
32
+ "@townco/tsconfig": "0.1.13",
33
33
  "@types/react": "^19.2.2",
34
34
  "@types/react-dom": "^19.2.2",
35
35
  "@vitejs/plugin-react": "^5.1.0",
package/src/App.tsx CHANGED
@@ -1,8 +1,11 @@
1
1
  import { AcpClient } from "@townco/ui";
2
+ import { createLogger } from "@townco/ui/core";
2
3
  import { useEffect, useState } from "react";
3
4
  import { ChatView } from "./ChatView.js";
4
5
  import { config } from "./config.js";
5
6
 
7
+ const logger = createLogger("gui");
8
+
6
9
  function App() {
7
10
  const [client, setClient] = useState<AcpClient | null>(null);
8
11
  const [error, setError] = useState<string | null>(null);
@@ -10,6 +13,10 @@ function App() {
10
13
  useEffect(() => {
11
14
  // Create AcpClient with HTTP transport
12
15
  try {
16
+ logger.info("Initializing ACP client", {
17
+ serverUrl: config.agentServerUrl,
18
+ });
19
+
13
20
  const acpClient = new AcpClient({
14
21
  type: "http",
15
22
  options: {
@@ -18,16 +25,25 @@ function App() {
18
25
  });
19
26
 
20
27
  setClient(acpClient);
28
+ logger.info("ACP client initialized successfully");
21
29
 
22
30
  // Clean up on unmount
23
31
  return () => {
24
- acpClient.disconnect().catch(console.error);
32
+ logger.debug("Disconnecting ACP client");
33
+ acpClient.disconnect().catch((err) => {
34
+ logger.error("Failed to disconnect ACP client", {
35
+ error: err instanceof Error ? err.message : String(err),
36
+ });
37
+ });
25
38
  };
26
39
  } catch (err) {
27
40
  const errorMessage =
28
41
  err instanceof Error ? err.message : "Failed to initialize ACP client";
29
42
  setError(errorMessage);
30
- console.error("Failed to initialize ACP client:", err);
43
+ logger.error("Failed to initialize ACP client", {
44
+ error: err instanceof Error ? err.message : String(err),
45
+ stack: err instanceof Error ? err.stack : undefined,
46
+ });
31
47
  return undefined;
32
48
  }
33
49
  }, []);
package/src/ChatView.tsx CHANGED
@@ -1,9 +1,11 @@
1
+ import type { AcpClient } from "@townco/ui";
1
2
  import {
2
- type AcpClient,
3
+ createLogger,
3
4
  useChatMessages,
4
5
  useChatSession,
5
6
  useChatStore,
6
- } from "@townco/ui";
7
+ useToolCalls,
8
+ } from "@townco/ui/core";
7
9
  import {
8
10
  ChatInputActions,
9
11
  ChatInputAttachment,
@@ -33,6 +35,9 @@ import {
33
35
  Settings,
34
36
  Sparkles,
35
37
  } from "lucide-react";
38
+ import { useEffect } from "react";
39
+
40
+ const logger = createLogger("gui");
36
41
 
37
42
  export interface ChatViewProps {
38
43
  client: AcpClient | null;
@@ -42,8 +47,18 @@ export function ChatView({ client }: ChatViewProps) {
42
47
  // Use shared hooks from @town/ui/core
43
48
  const { connectionStatus, connect } = useChatSession(client);
44
49
  const { messages } = useChatMessages(client);
50
+ useToolCalls(client); // Still need to subscribe to tool call events
45
51
  const error = useChatStore((state) => state.error);
46
52
 
53
+ // Log connection status changes
54
+ useEffect(() => {
55
+ logger.debug("Connection status changed", { status: connectionStatus });
56
+
57
+ if (connectionStatus === "error" && error) {
58
+ logger.error("Connection error occurred", { error });
59
+ }
60
+ }, [connectionStatus, error]);
61
+
47
62
  // TODO: Replace with useChatStore((state) => state.todos) when todos are added to the store
48
63
  const todos: TodoItem[] = [];
49
64
 
@@ -56,7 +71,7 @@ export function ChatView({ client }: ChatViewProps) {
56
71
  icon: <Sparkles className="h-4 w-4" />,
57
72
  category: "model",
58
73
  onSelect: () => {
59
- console.log("Selected Sonnet 4.5");
74
+ logger.info("User selected Sonnet 4.5 model");
60
75
  },
61
76
  },
62
77
  {
@@ -66,7 +81,7 @@ export function ChatView({ client }: ChatViewProps) {
66
81
  icon: <Sparkles className="h-4 w-4" />,
67
82
  category: "model",
68
83
  onSelect: () => {
69
- console.log("Selected Opus");
84
+ logger.info("User selected Opus model");
70
85
  },
71
86
  },
72
87
  {
@@ -76,7 +91,7 @@ export function ChatView({ client }: ChatViewProps) {
76
91
  icon: <Settings className="h-4 w-4" />,
77
92
  category: "action",
78
93
  onSelect: () => {
79
- console.log("Opening settings");
94
+ logger.info("User opened settings");
80
95
  },
81
96
  },
82
97
  {
@@ -86,7 +101,7 @@ export function ChatView({ client }: ChatViewProps) {
86
101
  icon: <Code className="h-4 w-4" />,
87
102
  category: "mode",
88
103
  onSelect: () => {
89
- console.log("Enabled code mode");
104
+ logger.info("User enabled code mode");
90
105
  },
91
106
  },
92
107
  ];
package/dist/assets/icons-DyKSdrA7.js DELETED
@@ -1 +0,0 @@
1
- import{r as s}from"./react-oZw8z-KQ.js";const _=o=>o.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),m=o=>o.replace(/^([A-Z])|[\s-_]+(\w)/g,(t,c,a)=>a?a.toUpperCase():c.toLowerCase()),h=o=>{const t=m(o);return t.charAt(0).toUpperCase()+t.slice(1)},i=(...o)=>o.filter((t,c,a)=>!!t&&t.trim()!==""&&a.indexOf(t)===c).join(" ").trim(),u=o=>{for(const t in o)if(t.startsWith("aria-")||t==="role"||t==="title")return!0};var w={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};const g=s.forwardRef(({color:o="currentColor",size:t=24,strokeWidth:c=2,absoluteStrokeWidth:a,className:n="",children:r,iconNode:l,...d},p)=>s.createElement("svg",{ref:p,...w,width:t,height:t,stroke:o,strokeWidth:a?Number(c)*24/Number(t):c,className:i("lucide",n),...!r&&!u(d)&&{"aria-hidden":"true"},...d},[...l.map(([y,k])=>s.createElement(y,k)),...Array.isArray(r)?r:[r]]));const e=(o,t)=>{const c=s.forwardRef(({className:a,...n},r)=>s.createElement(g,{ref:r,iconNode:t,className:i(`lucide-${_(h(o))}`,`lucide-${o}`,a),...n}));return c.displayName=h(o),c};const f=[["path",{d:"M12 5v14",key:"s699le"}],["path",{d:"m19 12-7 7-7-7",key:"1idqje"}]],D=e("arrow-down",f);const C=[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"m12 5 7 7-7 7",key:"xquz4c"}]],V=e("arrow-right",C);const v=[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]],F=e("check",v);const $=[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]],I=e("chevron-down",$);const x=[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]],W=e("chevron-right",x);const N=[["path",{d:"m18 15-6-6-6 6",key:"153udz"}]],Z=e("chevron-up",N);const M=[["path",{d:"m7 15 5 5 5-5",key:"1hf1tw"}],["path",{d:"m7 9 5-5 5 5",key:"sgt6xg"}]],K=e("chevrons-up-down",M);const b=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]],O=e("circle-check",b);const A=[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]],T=e("circle",A);const j=[["path",{d:"m16 18 6-6-6-6",key:"eg8j8"}],["path",{d:"m8 6-6 6 6 6",key:"ppft3o"}]],X=e("code",j);const q=[["path",{d:"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",key:"1oefj6"}],["path",{d:"M14 2v5a1 1 0 0 0 1 1h5",key:"wfsgrz"}],["path",{d:"M10 9H8",key:"b1mrlr"}],["path",{d:"M16 13H8",key:"t4e002"}],["path",{d:"M16 17H8",key:"z1uh3a"}]],G=e("file-text",q);const z=[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]],J=e("loader-circle",z);const L=[["path",{d:"M12 19v3",key:"npa21l"}],["path",{d:"M19 10v2a7 7 0 0 1-14 0v-2",key:"1vc78b"}],["rect",{x:"9",y:"2",width:"6",height:"13",rx:"3",key:"s6n7sd"}]],Q=e("mic",L);const S=[["path",{d:"m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551",key:"1miecu"}]],Y=e("paperclip",S);const E=[["path",{d:"M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",key:"1i5ecw"}],["circle",{cx:"12",cy:"12",r:"3",key:"1v7zrd"}]],ee=e("settings",E);const H=[["path",{d:"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z",key:"1s2grr"}],["path",{d:"M20 2v4",key:"1rf3ol"}],["path",{d:"M22 4h-4",key:"gwowj6"}],["circle",{cx:"4",cy:"20",r:"2",key:"6kqj1y"}]],te=e("sparkles",H);const P=[["path",{d:"M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344",key:"2acyp4"}],["path",{d:"m9 11 3 3L22 4",key:"1pflzl"}]],oe=e("square-check-big",P);const R=[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",key:"afitv7"}],["line",{x1:"9",x2:"15",y1:"15",y2:"9",key:"1dfufj"}]],ce=e("square-slash",R);const U=[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]],ae=e("x",U);export{D as A,W as C,G as F,J as L,Q as M,Y as P,ce as S,ae as X,F as a,T as b,I as c,K as d,Z as e,O as f,V as g,oe as h,te as i,ee as j,X as k};
package/dist/assets/index-BvPp7Gvn.js DELETED
@@ -1,8 +0,0 @@
1
- import{r as o,j as t,M as gt,e as xt,a as bt}from"./react-oZw8z-KQ.js";import{L as yt,M as I,N as z,O as F,P as x,Q as L,R as $,S as Q,T as O,U as T,W as V,X as wt,Y as vt,Z as Nt,$ as A,a0 as St}from"./vendor-CEpcc87q.js";import{P as Ct,a as jt}from"./acp-sdk-C7r2g8Gx.js";import{S as _,L as se,T as ne,C as re,R as It,O as oe,P as Rt,a as ae,b as Et,c as ie,D as le,d as ce,e as de,f as Tt,g as ue,I as me,h as fe,i as pe,j as he,k as ge,l as xe,m as be,n as ye,o as kt,p as we,q as ve,r as Mt,s as Ne,V as At,t as Se,u as Ce,v as Dt,w as Ht,x as je}from"./radix-5M08E2bk.js";import{S as Pt,P as Lt,M as zt,A as Ft,X as Ot,C as $t,a as Ie,b as Re,c as G,L as Ee,d as Ut,e as Vt,f as _t,g as Bt,h as qt,F as Wt,i as Z,j as Qt,k as Kt}from"./icons-DyKSdrA7.js";import{r as Yt}from"./markdown-BYclSlXM.js";(function(){const e=document.createElement("link").relList;if(e&&e.supports&&e.supports("modulepreload"))return;for(const a of document.querySelectorAll('link[rel="modulepreload"]'))r(a);new MutationObserver(a=>{for(const c of a)if(c.type==="childList")for(const u of c.addedNodes)u.tagName==="LINK"&&u.rel==="modulepreload"&&r(u)}).observe(document,{childList:!0,subtree:!0});function n(a){const c={};return a.integrity&&(c.integrity=a.integrity),a.referrerPolicy&&(c.referrerPolicy=a.referrerPolicy),a.crossOrigin==="use-credentials"?c.credentials="include":a.crossOrigin==="anonymous"?c.credentials="omit":c.credentials="same-origin",c}function r(a){if(a.ep)return;a.ep=!0;const c=n(a);fetch(a.href,c)}})();const j=yt(s=>({connectionStatus:"disconnected",sessionId:null,error:null,messages:[],isStreaming:!1,streamingStartTime:null,input:{value:"",isSubmitting:!1,attachedFiles:[]},setConnectionStatus:e=>s({connectionStatus:e}),setSessionId:e=>s({sessionId:e}),setError:e=>s({error:e}),addMessage:e=>s(n=>({messages:[...n.messages,e]})),updateMessage:(e,n)=>s(r=>({messages:r.messages.map(a=>a.id===e?{...a,...n}:a)})),clearMessages:()=>s({messages:[]}),setIsStreaming:e=>s({isStreaming:e}),setStreamingStartTime:e=>s({streamingStartTime:e}),setInputValue:e=>s(n=>({input:{...n.input,value:e}})),setInputSubmitting:e=>s(n=>({input:{...n.input,isSubmitting:e}})),addFileAttachment:e=>s(n=>({input:{...n.input,attachedFiles:[...n.input.attachedFiles,e]}})),removeFileAttachment:e=>s(n=>({input:{...n.input,attachedFiles:n.input.attachedFiles.filter((r,a)=>a!==e)}})),clearInput:()=>s(e=>({input:{value:"",isSubmitting:!1,attachedFiles:[]}}))}));function Te(s){const e=j(i=>i.messages),n=j(i=>i.isStreaming),r=j(i=>i.sessionId),a=j(i=>i.setIsStreaming),c=j(i=>i.setStreamingStartTime),u=j(i=>i.addMessage),p=j(i=>i.updateMessage),f=j(i=>i.setError),l=o.useCallback(async i=>{if(!s){console.error("❌ No client available"),f("No client available");return}if(!r){console.error("❌ No active session"),f("No active session");return}try{const d=Date.now();a(!0),c(d);const h={id:`msg_${Date.now()}_user`,role:"user",content:i,timestamp:new Date().toISOString(),isStreaming:!1};u(h);const g=`msg_${Date.now()}_assistant`,b={id:g,role:"assistant",content:"",timestamp:new Date().toISOString(),isStreaming:!0,streamingStartTime:d};u(b);const S=e.filter(v=>v.role!=="system").map(v=>`${v.role==="user"?"Human":"Assistant"}: ${v.content}`).join(`
2
-
3
- `),N=S?`${S}
4
-
5
- Human: ${i}`:i,y=s.receiveMessages();s.sendMessage(N,r).catch(v=>{const R=v instanceof Error?v.message:String(v);f(R),a(!1),c(null)});let w="";for await(const v of y)if(v.isComplete){p(g,{content:w,isStreaming:!1,streamingStartTime:void 0}),a(!1),c(null);break}else v.contentDelta.type==="text"&&(w+=v.contentDelta.text,p(g,{content:w}),await new Promise(R=>setTimeout(R,16)))}catch(d){const h=d instanceof Error?d.message:String(d);f(h),a(!1),c(null)}},[s,r,e,u,p,a,c,f]);return{messages:e,isStreaming:n,sendMessage:l}}function Jt(s){const e=j(d=>d.input),n=j(d=>d.setInputValue),r=j(d=>d.setInputSubmitting),a=j(d=>d.addFileAttachment),c=j(d=>d.removeFileAttachment),{sendMessage:u}=Te(s),p=o.useCallback(d=>{n(d)},[n]),f=o.useCallback(async()=>{if(!e.value.trim()||e.isSubmitting)return;const d=e.value;n(""),r(!0);try{await u(d)}catch(h){console.error("Failed to send message:",h)}finally{r(!1)}},[e,n,r,u]),l=o.useCallback(d=>{a(d)},[a]),i=o.useCallback(d=>{c(d)},[c]);return{value:e.value,isSubmitting:e.isSubmitting,attachedFiles:e.attachedFiles,onChange:p,onSubmit:f,onAttachFile:l,onRemoveFile:i}}function Xt(s){const e=j(i=>i.connectionStatus),n=j(i=>i.sessionId),r=j(i=>i.setConnectionStatus),a=j(i=>i.setSessionId),c=j(i=>i.setError),u=j(i=>i.clearMessages),p=o.useCallback(async()=>{if(!s){c("No client available");return}try{r("connecting"),c(null),await s.connect(),r("connected")}catch(i){console.log(i);const d=i instanceof Error?i.message:String(i);c(d),r("error")}},[s,r,c]),f=o.useCallback(async()=>{if(!s){c("No client available");return}try{const i=await s.startSession();a(i),u()}catch(i){const d=i instanceof Error?i.message:String(i);c(d)}},[s,a,c,u]),l=o.useCallback(async()=>{if(s)try{await s.disconnect(),r("disconnected"),a(null)}catch(i){const d=i instanceof Error?i.message:String(i);c(d)}},[s,r,a,c]);return o.useEffect(()=>{s&&e==="disconnected"&&p()},[s,e,p]),o.useEffect(()=>{e==="connected"&&!n&&f()},[e,n,f]),{connectionStatus:e,sessionId:n,connect:p,startSession:f,disconnect:l}}const Gt=I({id:x(),role:O(["user","assistant","system"]),content:x(),timestamp:Q(),isStreaming:$().default(!1),streamingStartTime:L().optional(),metadata:z(x(),F()).optional()}),Zt=I({value:x(),isSubmitting:$(),attachedFiles:T(I({name:x(),path:x(),size:L(),mimeType:x()}))});I({sessionId:x().nullable(),isConnected:$(),isStreaming:$(),messages:T(Gt),input:Zt,error:x().nullable()});O(["disconnected","connecting","connected","error"]);class es{connected=!1;sessionUpdateCallbacks=new Set;errorCallbacks=new Set;messageQueue=[];currentSessionId=null;chunkResolvers=[];streamComplete=!1;sseAbortController=null;reconnectAttempts=0;maxReconnectAttempts=5;reconnectDelay=1e3;reconnecting=!1;abortController=null;options;constructor(e){this.options={...e,baseUrl:e.baseUrl.replace(/\/$/,"")}}async connect(){if(!this.connected)try{this.abortController=new AbortController;const e={protocolVersion:Ct,clientCapabilities:{fs:{readTextFile:!0,writeTextFile:!0}}},n=await this.sendRpcRequest("initialize",e);console.log("ACP connection initialized:",n);const r={cwd:"/",mcpServers:[]},a=await this.sendRpcRequest("session/new",r);this.currentSessionId=a.sessionId,console.log("Session created:",this.currentSessionId),await this.connectSSE(),this.connected=!0,this.reconnectAttempts=0}catch(e){this.connected=!1;const n=e instanceof Error?e:new Error(String(e));throw this.notifyError(n),n}}async disconnect(){if(this.connected)try{this.abortController&&(this.abortController.abort(),this.abortController=null),this.sseAbortController&&(this.sseAbortController.abort(),this.sseAbortController=null),this.connected=!1,this.currentSessionId=null,this.messageQueue=[],this.chunkResolvers=[],this.streamComplete=!1,this.reconnecting=!1,this.reconnectAttempts=0}catch(e){const n=e instanceof Error?e:new Error(String(e));throw this.notifyError(n),n}}async send(e){if(!this.connected||!this.currentSessionId)throw new Error("Transport not connected");try{this.streamComplete=!1,this.messageQueue=[];const n=e.content.filter(u=>u.type==="text").map(u=>u.text).join(`
6
- `),r={sessionId:this.currentSessionId,prompt:[{type:"text",text:n}]},a=await this.sendRpcRequest("session/prompt",r);console.log("Prompt sent:",a),this.streamComplete=!0;const c=this.chunkResolvers.shift();c?c({id:this.currentSessionId||"unknown",role:"assistant",contentDelta:{type:"text",text:""},isComplete:!0}):this.messageQueue.push({id:this.currentSessionId||"unknown",role:"assistant",contentDelta:{type:"text",text:""},isComplete:!0})}catch(n){this.streamComplete=!0;const r=n instanceof Error?n:new Error(String(n));throw this.notifyError(r),r}}async*receive(){for(;!this.streamComplete;)if(this.messageQueue.length>0){const e=this.messageQueue.shift();if(e&&(yield e,e.isComplete))return}else{const e=await new Promise(n=>{this.chunkResolvers.push(n)});if(e.isComplete){yield e;return}else yield e}for(;this.messageQueue.length>0;){const e=this.messageQueue.shift();e&&(yield e)}yield{id:this.currentSessionId||"unknown",role:"assistant",contentDelta:{type:"text",text:""},isComplete:!0}}isConnected(){return this.connected}onSessionUpdate(e){return this.sessionUpdateCallbacks.add(e),()=>{this.sessionUpdateCallbacks.delete(e)}}onError(e){return this.errorCallbacks.add(e),()=>{this.errorCallbacks.delete(e)}}async sendRpcRequest(e,n){const a={jsonrpc:"2.0",id:this.generateRequestId(),method:e,params:n},c={"Content-Type":"application/json",...this.options.headers},u=this.options.timeout||3e4,p=new AbortController,f=setTimeout(()=>p.abort(),u);try{const l=await fetch(`${this.options.baseUrl}/rpc`,{method:"POST",headers:c,body:JSON.stringify(a),signal:p.signal});if(clearTimeout(f),!l.ok){const d=await l.text();throw new Error(`HTTP ${l.status}: ${d}`)}const i=await l.json();if(i.error)throw new Error(`ACP error: ${i.error.message||JSON.stringify(i.error)}`);return i.result||i}catch(l){throw clearTimeout(f),l instanceof Error&&l.name==="AbortError"?new Error(`Request timeout after ${u}ms`):l}}async connectSSE(){if(!this.currentSessionId)throw new Error("Cannot connect SSE without a session ID");const e=`${this.options.baseUrl}/events`,n={"X-Session-ID":this.currentSessionId,...this.options.headers};this.sseAbortController=new AbortController;try{const r=await fetch(e,{method:"GET",headers:n,signal:this.sseAbortController.signal});if(!r.ok)throw new Error(`SSE connection failed: HTTP ${r.status}`);if(!r.body)throw new Error("Response body is null");console.log("SSE connection opened"),this.reconnectAttempts=0,this.reconnectDelay=1e3;const a=r.body.getReader(),c=new TextDecoder;let u="";(async()=>{try{for(;;){const{done:p,value:f}=await a.read();if(p){console.log("SSE stream closed by server"),this.connected&&await this.handleSSEDisconnect();break}u+=c.decode(f,{stream:!0});const l=u.split(`
7
- `);u=l.pop()||"";let i={event:"message",data:""};for(const d of l)d.startsWith("event:")?i.event=d.substring(6).trim():d.startsWith("data:")?i.data=d.substring(5).trim():d===""&&(i.event==="message"&&i.data&&this.handleSSEMessage(i.data),i={event:"message",data:""})}}catch(p){if(p instanceof Error&&p.name==="AbortError"){console.log("SSE stream aborted");return}console.error("Error reading SSE stream:",p),this.connected&&!this.reconnecting&&await this.handleSSEDisconnect()}})()}catch(r){throw console.error("SSE connection error:",r),r}}async handleSSEDisconnect(){if(this.reconnecting||!this.connected)return;if(this.reconnecting=!0,this.sseAbortController&&(this.sseAbortController.abort(),this.sseAbortController=null),this.reconnectAttempts>=this.maxReconnectAttempts){const n=new Error(`SSE reconnection failed after ${this.maxReconnectAttempts} attempts`);this.notifyError(n),this.connected=!1,this.reconnecting=!1;return}this.reconnectAttempts++;const e=Math.min(this.reconnectDelay*2**(this.reconnectAttempts-1),32e3);console.log(`SSE reconnecting in ${e}ms (attempt ${this.reconnectAttempts}/${this.maxReconnectAttempts})`),await new Promise(n=>setTimeout(n,e));try{await this.connectSSE(),console.log("SSE reconnected successfully"),this.reconnecting=!1}catch(n){console.error("SSE reconnection failed:",n),this.reconnecting=!1}}handleSSEMessage(e){try{const n=JSON.parse(e),r=jt.safeParse(n);if(!r.success){console.error("Invalid ACP message from SSE:",r.error.issues);return}const a=r.data;"method"in a&&a.method==="session/update"&&"params"in a&&a.params&&this.handleSessionNotification(a.params)}catch(n){console.error("Error parsing SSE message:",n),this.notifyError(n instanceof Error?n:new Error(String(n)))}}handleSessionNotification(e){const r=e.update,a={sessionId:this.currentSessionId||e.sessionId,status:"active"};if(r?.content){const c=r.content;let u=null;if(c.type==="text"&&c.text?u={id:e.sessionId,role:"assistant",contentDelta:{type:"text",text:c.text},isComplete:!1}:c.type==="tool_call"&&(u={id:e.sessionId,role:"assistant",contentDelta:c,isComplete:!1}),u){const p=this.chunkResolvers.shift();p?p(u):this.messageQueue.push(u)}}this.notifySessionUpdate(a)}generateRequestId(){return`req-${Date.now()}-${Math.random().toString(36).substring(2,9)}`}notifySessionUpdate(e){for(const n of this.sessionUpdateCallbacks)try{n(e)}catch(r){console.error("Error in session update callback:",r)}}notifyError(e){for(const n of this.errorCallbacks)try{n(e)}catch(r){console.error("Error in error callback:",r)}}}class ts{constructor(){throw new Error("StdioTransport is not available in the browser. Use HttpTransport or WebSocketTransport instead.")}async connect(){throw new Error("StdioTransport not available in browser")}async disconnect(){}async send(){throw new Error("StdioTransport not available in browser")}async*receive(){throw new Error("StdioTransport not available in browser")}isConnected(){return!1}onSessionUpdate(){return()=>{}}onError(){return()=>{}}}class ss{ws=null;connected=!1;sessionUpdateCallbacks=new Set;errorCallbacks=new Set;constructor(e){}async connect(){throw new Error("WebSocketTransport not yet implemented. Waiting for HTTP ACP server.")}async disconnect(){this.ws&&(this.ws.close(),this.ws=null),this.connected=!1}async send(e){throw!this.connected||!this.ws?new Error("Transport not connected"):new Error("WebSocketTransport not yet implemented. Waiting for HTTP ACP server.")}async*receive(){throw new Error("WebSocketTransport not yet implemented. Waiting for HTTP ACP server.")}isConnected(){return this.connected}onSessionUpdate(e){return this.sessionUpdateCallbacks.add(e),()=>{this.sessionUpdateCallbacks.delete(e)}}onError(e){return this.errorCallbacks.add(e),()=>{this.errorCallbacks.delete(e)}}}class ns{config;transport;sessions=new Map;currentSessionId=null;sessionUpdateHandlers=new Set;errorHandlers=new Set;constructor(e){this.config=e,this.transport=this.createTransport(),this.setupTransportListeners(),e.autoConnect&&this.connect().catch(n=>{console.error("Failed to auto-connect:",n)})}async connect(){await this.transport.connect()}async disconnect(){await this.transport.disconnect(),this.currentSessionId=null}isConnected(){return this.transport.isConnected()}async startSession(e){const n=this.generateSessionId(),r=new Date().toISOString(),a={id:n,status:"connecting",config:e?{...e,agentPath:e.agentPath||""}:{agentPath:""},messages:[],metadata:{startedAt:r}};return this.sessions.set(n,a),this.currentSessionId=n,this.updateSessionStatus(n,"connected"),n}async sendMessage(e,n){const r=n||this.currentSessionId;if(!r)throw new Error("No active session. Start a session first.");if(!this.transport.isConnected())throw new Error("Transport not connected");const a=this.sessions.get(r);if(!a)throw new Error(`Session ${r} not found`);const c={id:this.generateMessageId(),role:"user",content:[{type:"text",text:e}],timestamp:new Date().toISOString()};a.messages.push(c),this.updateSessionStatus(r,"active"),await this.transport.send(c)}async*receiveMessages(){if(!this.transport.isConnected())throw new Error("Transport not connected");yield*this.transport.receive()}getSession(e){return this.sessions.get(e)}getCurrentSession(){return this.currentSessionId?this.sessions.get(this.currentSessionId):void 0}getAllSessions(){return Array.from(this.sessions.values())}onSessionUpdate(e){return this.sessionUpdateHandlers.add(e),()=>{this.sessionUpdateHandlers.delete(e)}}onError(e){return this.errorHandlers.add(e),()=>{this.errorHandlers.delete(e)}}createTransport(){switch(this.config.type){case"stdio":return new ts(this.config.options);case"http":return new es(this.config.options);case"websocket":return new ss(this.config.options);default:throw new Error(`Unknown transport type: ${this.config.type}`)}}setupTransportListeners(){this.transport.onSessionUpdate(e=>{this.handleSessionUpdate(e)}),this.transport.onError(e=>{this.handleError(e)})}handleSessionUpdate(e){if(e.sessionId){const n=this.sessions.get(e.sessionId);n&&(e.status&&(n.status=e.status),e.message&&n.messages.push(e.message),e.error&&(n.error=e.error))}for(const n of this.sessionUpdateHandlers)try{n(e)}catch(r){console.error("Error in session update handler:",r)}}handleError(e){for(const n of this.errorHandlers)try{n(e)}catch(r){console.error("Error in error handler:",r)}}updateSessionStatus(e,n){const r=this.sessions.get(e);r&&(r.status=n,this.handleSessionUpdate({sessionId:e,status:n}))}generateSessionId(){return`session_${Date.now()}_${Math.random().toString(36).substr(2,9)}`}generateMessageId(){return`msg_${Date.now()}_${Math.random().toString(36).substr(2,9)}`}}const rs=I({name:x(),description:x().optional(),parameters:z(x(),F()).optional()}),os=I({name:x(),description:x(),parameters:z(x(),F()),required:T(x()).optional()}),as=I({name:x(),version:x().optional(),description:x().optional(),author:x().optional(),capabilities:T(rs).optional(),tools:T(os).optional(),supportedFormats:T(x()).optional()}),is=O(["initializing","ready","busy","error","terminated"]);I({status:is,info:as.optional(),pid:L().optional(),error:x().optional(),uptime:L().optional()});const ke=O(["user","assistant","system","tool"]),ls=O(["text","image","file","tool_call","tool_result"]),B=I({type:ls}),cs=B.extend({type:V("text"),text:x()}),ds=B.extend({type:V("image"),url:x().url().optional(),data:x().optional(),mimeType:x().optional()}),us=B.extend({type:V("file"),name:x(),path:x().optional(),url:x().url().optional(),mimeType:x(),size:L().optional()}),ms=B.extend({type:V("tool_call"),id:x(),name:x(),arguments:z(x(),F())}),fs=B.extend({type:V("tool_result"),callId:x(),result:F(),error:x().optional()}),Me=wt("type",[cs,ds,us,ms,fs]),Ae=I({id:x(),role:ke,content:T(Me),timestamp:Q(),metadata:z(x(),F()).optional()});I({id:x(),role:ke,contentDelta:Me,isComplete:$()});const De=O(["idle","connecting","connected","active","streaming","error","disconnected"]),ps=I({agentPath:x(),agentArgs:T(x()).optional(),environment:z(x(),x()).optional(),workingDirectory:x().optional(),timeout:L().optional()}),hs=I({agentName:x().optional(),agentVersion:x().optional(),capabilities:T(x()).optional(),startedAt:Q(),lastActivityAt:Q().optional()});I({id:x(),status:De,config:ps,metadata:hs.optional(),messages:T(Ae),error:x().optional()});I({sessionId:x(),status:De.optional(),message:Ae.optional(),error:x().optional()});function m(...s){return vt(Nt(s))}const gs=A("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),q=o.forwardRef(({className:s,variant:e,size:n,asChild:r=!1,...a},c)=>{const u=r?_:"button";return t.jsx(u,{className:m(gs({variant:e,size:n,className:s})),ref:c,...a})});q.displayName="Button";const xs=o.forwardRef(({className:s,...e},n)=>t.jsx("div",{ref:n,className:m("rounded-lg border bg-card text-card-foreground shadow-sm",s),...e}));xs.displayName="Card";const bs=o.forwardRef(({className:s,...e},n)=>t.jsx("div",{ref:n,className:m("flex flex-col space-y-1.5 p-6",s),...e}));bs.displayName="CardHeader";const ys=o.forwardRef(({className:s,...e},n)=>t.jsx("div",{ref:n,className:m("text-2xl font-semibold leading-none tracking-tight",s),...e}));ys.displayName="CardTitle";const ws=o.forwardRef(({className:s,...e},n)=>t.jsx("div",{ref:n,className:m("text-sm text-muted-foreground",s),...e}));ws.displayName="CardDescription";const vs=o.forwardRef(({className:s,...e},n)=>t.jsx("div",{ref:n,className:m("p-6 pt-0",s),...e}));vs.displayName="CardContent";const Ns=o.forwardRef(({className:s,...e},n)=>t.jsx("div",{ref:n,className:m("flex items-center p-6 pt-0",s),...e}));Ns.displayName="CardFooter";const He=o.createContext(void 0),Pe=()=>{const s=o.useContext(He);if(!s)throw new Error("ChatHeader components must be used within ChatHeader.Root");return s},Ss=o.forwardRef(({defaultExpanded:s=!1,expanded:e,onExpandedChange:n,className:r,children:a,...c},u)=>{const[p,f]=o.useState(s),l=e??p,i=o.useCallback(b=>{f(b),n?.(b)},[n]),d=o.Children.toArray(a),h=d.find(b=>o.isValidElement(b)&&typeof b.type=="function"&&b.type.displayName==="ChatHeader.ExpandablePanel"),g=d.filter(b=>b!==h);return t.jsxs(He.Provider,{value:{isExpanded:l,setIsExpanded:i},children:[t.jsx("div",{ref:u,className:m("flex items-center justify-between px-6 py-4",r),...c,children:g}),h]})});Ss.displayName="ChatHeader.Root";const Cs=o.forwardRef(({className:s,children:e,...n},r)=>t.jsx("h1",{ref:r,className:m("m-0 text-xl font-semibold",s),...n,children:e}));Cs.displayName="ChatHeader.Title";const js=o.forwardRef(({className:s,children:e,...n},r)=>t.jsx("div",{ref:r,className:m("flex items-center gap-3",s),...n,children:e}));js.displayName="ChatHeader.Actions";const Is=s=>{switch(s){case"connected":return"bg-green-500";case"connecting":return"bg-yellow-500";case"error":return"bg-red-500";default:return"bg-gray-500"}},Rs=s=>{switch(s){case"connected":return"Connected";case"connecting":return"Connecting...";case"error":return"Connection Error";default:return"No Server"}},Es=o.forwardRef(({status:s,statusText:e,className:n,...r},a)=>{const c=e??Rs(s),u=Is(s);return t.jsxs("div",{ref:a,className:m("flex items-center gap-2",n),...r,children:[t.jsx("div",{className:m("h-2 w-2 rounded-full",u)}),t.jsx("span",{className:"text-sm text-muted-foreground",children:c})]})});Es.displayName="ChatHeader.StatusIndicator";const Ts=o.forwardRef(({icon:s,className:e,children:n,onClick:r,...a},c)=>{const{isExpanded:u,setIsExpanded:p}=Pe(),f=l=>{p(!u),r?.(l)};return t.jsxs("button",{ref:c,type:"button",onClick:f,className:m("rounded p-1 transition-colors hover:bg-background lg:hidden",e),"aria-label":u?"Collapse header":"Expand header",...a,children:[s&&t.jsx("div",{className:m("transition-transform duration-200",u&&"rotate-180"),children:s}),n]})});Ts.displayName="ChatHeader.Toggle";const ks=o.forwardRef(({className:s,children:e,...n},r)=>{const{isExpanded:a}=Pe();return a?t.jsx("div",{ref:r,className:m("absolute top-full left-0 right-0 z-50 border-b border-border bg-card px-6 py-4 shadow-lg lg:hidden",s),...n,children:e}):null});ks.displayName="ChatHeader.ExpandablePanel";const Le=o.forwardRef(({commands:s=[],showCommandMenu:e,commandMenuQuery:n,selectedMenuIndex:r,setSelectedMenuIndex:a,setMenuItemCount:c,triggerCounter:u,onChange:p,className:f,...l},i)=>{const d=o.useCallback((g,b)=>{const S=g.toLowerCase(),N=b.toLowerCase();if(!b)return 1;if(S.includes(N))return 1-N.length/S.length;let y=0;for(let w=0;w<S.length&&y<N.length;w++)S[w]===N[y]&&y++;return y===N.length?.5-y/S.length:0},[]),h=o.useMemo(()=>s.map(g=>({...g,score:Math.max(d(g.label,n),g.description?d(g.description,n):0)})).filter(g=>g.score>0).sort((g,b)=>b.score-g.score),[s,n,d]);return o.useEffect(()=>{c(h.length)},[h.length,c]),o.useEffect(()=>{a(0)},[a]),o.useEffect(()=>{u>0&&h[r]&&(h[r].onSelect(),p(""))},[u,h,r,p]),!e||h.length===0?null:t.jsxs("div",{ref:i,className:m("absolute bottom-full left-0 z-50 mb-2 w-full max-w-md","rounded-md border border-border bg-card p-2 shadow-lg",f),...l,children:[t.jsx("div",{className:"text-xs font-semibold text-muted-foreground px-2 py-1",children:"Commands"}),t.jsx("div",{className:"max-h-64 overflow-y-auto",children:h.map((g,b)=>t.jsxs("button",{type:"button",onClick:()=>g.onSelect(),className:m("w-full rounded-sm px-2 py-2 text-left text-sm transition-colors","flex items-start gap-2","hover:bg-muted",b===r&&"bg-muted"),children:[g.icon&&t.jsx("span",{className:"shrink-0 mt-0.5",children:g.icon}),t.jsxs("div",{className:"flex-1 min-w-0",children:[t.jsx("div",{className:"font-medium",children:g.label}),g.description&&t.jsx("div",{className:"text-xs text-muted-foreground truncate",children:g.description})]})]},g.id))})]})});Le.displayName="ChatInputCommandMenu";const ze=o.createContext(void 0),Y=()=>{const s=o.useContext(ze);if(!s)throw new Error("ChatInput components must be used within ChatInput.Root");return s},Fe=o.forwardRef(({client:s,value:e,onChange:n,onSubmit:r,disabled:a=!1,isSubmitting:c,submitOnEnter:u=!0,className:p,children:f,...l},i)=>{const d=o.useRef(null),h=Jt(s??null),g=j(M=>M.isStreaming),b=h?h.value:e||"",S=h?h.onChange:n||(()=>{}),N=h?h.onSubmit:r||(async()=>{}),y=h?h.isSubmitting||g:c||!1,[w,v]=o.useState(!1),[R,D]=o.useState(""),[H,C]=o.useState(0),[E,k]=o.useState(0),[J,X]=o.useState(0),pt=o.useCallback(()=>{X(M=>M+1)},[]),ht=async M=>{M.preventDefault(),b.trim()&&!y&&!a&&(await N(),setTimeout(()=>{d.current?.focus()},0))};return o.useEffect(()=>{const M=document.querySelector('textarea[name="chat-input"]');M&&d.current!==M&&(d.current=M)},[]),o.useEffect(()=>{!b&&d.current&&(d.current.style.height="auto",d.current.style.overflowY="hidden")},[b]),t.jsx(ze.Provider,{value:{value:b,onChange:S,onSubmit:N,disabled:a,isSubmitting:y,submitOnEnter:u,showCommandMenu:w,setShowCommandMenu:v,commandMenuQuery:R,setCommandMenuQuery:D,selectedMenuIndex:H,setSelectedMenuIndex:C,menuItemCount:E,setMenuItemCount:k,triggerMenuSelect:pt,triggerCounter:J},children:t.jsx("form",{ref:i,onSubmit:ht,className:m("relative w-full divide-y rounded-xl border bg-background shadow-md",p),...l,children:f})})});Fe.displayName="ChatInput.Root";const Oe=o.forwardRef(({asChild:s=!1,className:e,onKeyDown:n,children:r,...a},c)=>{const{value:u,onChange:p,onSubmit:f,disabled:l,isSubmitting:i,submitOnEnter:d,showCommandMenu:h,setShowCommandMenu:g,setCommandMenuQuery:b,setSelectedMenuIndex:S,menuItemCount:N,triggerMenuSelect:y}=Y(),w=o.useRef(null),H={ref:o.useCallback(C=>{w.current=C,typeof c=="function"?c(C):c&&(c.current=C)},[c]),name:"chat-input",value:u,onChange:C=>{const E=C.target.value;if(p(E),E.startsWith("/")&&!E.includes(`
8
- `)){g(!0);const X=E.slice(1);b(X)}else g(!1),b("");const k=w.current;if(!k)return;k.style.height="auto";const J=Math.min(k.scrollHeight,164);k.style.height=`${J}px`,k.scrollHeight>164?k.style.overflowY="auto":k.style.overflowY="hidden"},onKeyDown:C=>{if(h&&N>0){if(C.key==="ArrowDown"){C.preventDefault(),S(E=>(E+1)%N);return}else if(C.key==="ArrowUp"){C.preventDefault(),S(E=>(E-1+N)%N);return}else if(C.key==="Enter"&&!C.shiftKey){C.preventDefault(),y();return}else if(C.key==="Escape"){C.preventDefault(),g(!1),b("");return}}d&&C.key==="Enter"&&!C.shiftKey&&(u.trim()&&!i&&!l?(C.preventDefault(),f()):(i||l)&&C.preventDefault()),n?.(C)},disabled:l,...a};return s&&o.isValidElement(r)?o.cloneElement(r,H):t.jsx("textarea",{...H,className:m("w-full resize-none rounded-none border-none p-4 shadow-none","outline-none ring-0 field-sizing-content max-h-[6lh]","bg-transparent dark:bg-transparent focus-visible:ring-0","text-sm placeholder:text-muted-foreground","disabled:cursor-not-allowed disabled:opacity-50",e)})});Oe.displayName="ChatInput.Field";const $e=o.forwardRef(({asChild:s=!1,className:e,disabled:n,children:r,...a},c)=>{const{value:u,disabled:p,isSubmitting:f}=Y(),l=n||p||f||!u.trim(),i=s?_:q;return t.jsx(i,{ref:c,type:"submit",disabled:l,variant:s?void 0:"default",size:"icon",className:m(!s&&"gap-1.5 rounded-full",e),...a,children:r})});$e.displayName="ChatInput.Submit";const Ue=o.forwardRef(({className:s,children:e,...n},r)=>t.jsx("div",{ref:r,className:m("flex items-center justify-between p-2",s),...n,children:e}));Ue.displayName="ChatInput.Toolbar";const Ve=o.forwardRef(({asChild:s=!1,className:e,children:n,onClick:r,...a},c)=>{const{value:u,onChange:p,setShowCommandMenu:f,setCommandMenuQuery:l}=Y(),i=h=>{u.startsWith("/")||(p("/"),f(!0),l("")),r?.(h)},d=s?_:q;return t.jsx(d,{ref:c,type:"button",variant:"ghost",size:"icon",className:m("rounded-full",e),onClick:i,...a,children:n||t.jsx(Pt,{className:"size-4"})})});Ve.displayName="ChatInput.Actions";const _e=o.forwardRef(({asChild:s=!1,className:e,children:n,...r},a)=>{const c=s?_:q;return t.jsx(c,{ref:a,type:"button",variant:"ghost",size:"icon",className:m("rounded-full",e),...r,children:n||t.jsx(Lt,{className:"size-4"})})});_e.displayName="ChatInput.Attachment";const Be=o.forwardRef(({asChild:s=!1,className:e,children:n,...r},a)=>{const c=s?_:q;return t.jsx(c,{ref:a,type:"button",variant:"ghost",size:"icon",className:m("rounded-full",e),...r,children:n||t.jsx(zt,{className:"size-4"})})});Be.displayName="ChatInput.VoiceInput";const qe=o.forwardRef(({commands:s=[],className:e,onChange:n,...r},a)=>{const{showCommandMenu:c,commandMenuQuery:u,selectedMenuIndex:p,setSelectedMenuIndex:f,setMenuItemCount:l,triggerCounter:i,onChange:d}=Y();return t.jsx(Le,{ref:a,commands:s,showCommandMenu:c,commandMenuQuery:u,selectedMenuIndex:p,setSelectedMenuIndex:f,setMenuItemCount:l,triggerCounter:i,onChange:d,className:e,...r})});qe.displayName="ChatInput.CommandMenu";const Ms=({...s})=>t.jsx(St,{position:"top-center",className:"toaster group",style:{"--top-offset":"16px","--width:":"calc(100% - 2 * var(--top-offset))",position:"absolute",zIndex:5,top:"var(--top-offset)",left:"50%",transform:"translateX(-50%)",width:"calc(100% - 2 * var(--top-offset))",maxWidth:"480px"},offset:0,toastOptions:{classNames:{toast:"group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",description:"group-[.toast]:text-muted-foreground",actionButton:"group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",cancelButton:"group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"}},...s}),We=o.createContext(void 0),Qe=()=>{const s=o.useContext(We);if(!s)throw new Error("ChatLayout components must be used within ChatLayout.Root");return s},Ke=o.forwardRef(({defaultSidebarOpen:s=!1,defaultPanelSize:e="hidden",defaultActiveTab:n="todo",className:r,children:a,...c},u)=>{const[p,f]=o.useState(s),[l,i]=o.useState(e),[d,h]=o.useState(n);return t.jsx(We.Provider,{value:{sidebarOpen:p,setSidebarOpen:f,panelSize:l,setPanelSize:i,activeTab:d,setActiveTab:h},children:t.jsx("div",{ref:u,className:m("flex h-screen flex-row bg-background text-foreground",r),...c,children:a})})});Ke.displayName="ChatLayout.Root";const As=o.forwardRef(({className:s,children:e,...n},r)=>t.jsx("div",{ref:r,className:m("relative z-10 border-b border-border bg-card shrink-0",s),...n,children:e}));As.displayName="ChatLayout.Header";const Ye=o.forwardRef(({className:s,children:e,...n},r)=>t.jsx("div",{ref:r,className:m("flex flex-1 flex-col overflow-hidden",s),...n,children:e}));Ye.displayName="ChatLayout.Main";const Je=o.forwardRef(({showToaster:s=!0,className:e,children:n,...r},a)=>t.jsxs("div",{ref:a,className:m("relative flex flex-1 flex-col overflow-hidden",e),...r,children:[n,s&&t.jsx(Ms,{})]}));Je.displayName="ChatLayout.Body";const Xe=o.forwardRef(({className:s,children:e,onScrollChange:n,showScrollToBottom:r=!0,...a},c)=>{const[u,p]=o.useState(!1),f=o.useRef(null);o.useImperativeHandle(c,()=>f.current);const l=o.useCallback(()=>{const h=f.current;if(!h)return;const{scrollTop:g,scrollHeight:b,clientHeight:S}=h,y=b-g-S<100;p(!y&&r),n?.(y)},[n,r]),i=o.useCallback(()=>{l()},[l]),d=o.useCallback(()=>{const h=f.current;h&&h.scrollTo({top:h.scrollHeight,behavior:"smooth"})},[]);return o.useEffect(()=>{l()},[l]),t.jsxs("div",{className:"relative flex-1 overflow-hidden",children:[t.jsx("div",{ref:f,className:m("h-full overflow-y-auto",s),onScroll:i,...a,children:e}),u&&t.jsx("button",{type:"button",onClick:d,className:m("absolute bottom-4 left-1/2 -translate-x-1/2 z-10","flex items-center justify-center p-2 rounded-full","bg-card border border-border shadow-lg","text-foreground","hover:bg-accent hover:text-accent-foreground","transition-all duration-200 ease-in-out","animate-in fade-in slide-in-from-bottom-2"),"aria-label":"Scroll to bottom",children:t.jsx(Ft,{className:"h-4 w-4"})})]})});Xe.displayName="ChatLayout.Messages";const Ge=o.forwardRef(({className:s,children:e,...n},r)=>t.jsx("div",{ref:r,className:m("bg-linear-to-t from-background to-transparent px-4 pb-4",s),...n,children:e}));Ge.displayName="ChatLayout.Footer";const Ds=o.forwardRef(({className:s,children:e,...n},r)=>{const{sidebarOpen:a}=Qe();return a?t.jsx("div",{ref:r,className:m("border-r border-border bg-card w-64 overflow-y-auto",s),...n,children:e}):null});Ds.displayName="ChatLayout.Sidebar";const Ze=o.forwardRef(({breakpoint:s="lg",className:e,children:n,...r},a)=>{const{panelSize:c}=Qe();return c==="hidden"?null:t.jsx("div",{ref:a,className:m("hidden border-l border-border bg-card overflow-y-auto transition-all duration-300",s==="md"&&"md:block",s==="lg"&&"lg:block",s==="xl"&&"xl:block",s==="2xl"&&"2xl:block",c==="small"&&"w-80",c==="large"&&"w-lg",e),...r,children:n})});Ze.displayName="ChatLayout.Aside";const et=o.forwardRef(({todos:s,className:e,...n},r)=>t.jsx("div",{ref:r,className:m("space-y-2",e),...n,children:s.length===0?t.jsx("div",{className:"flex items-center justify-center h-full min-h-[200px]",children:t.jsx("p",{className:"text-sm text-muted-foreground",children:"No todos yet"})}):s.map(a=>t.jsx("div",{className:"text-sm",children:a.text},a.id))}));et.displayName="TodoTabContent";const tt=o.forwardRef(({files:s=[],className:e,...n},r)=>t.jsx("div",{ref:r,className:m("space-y-2",e),...n,children:s.length===0?t.jsx("div",{className:"flex items-center justify-center h-full min-h-[200px]",children:t.jsx("p",{className:"text-sm text-muted-foreground",children:"No files attached"})}):s.map(a=>t.jsx("div",{className:"text-sm",children:a},a))}));tt.displayName="FilesTabContent";const Hs=o.forwardRef(({data:s,className:e,...n},r)=>t.jsxs("div",{ref:r,className:m("space-y-4",e),...n,children:[t.jsx("h3",{className:"font-semibold text-lg",children:"Database"}),t.jsxs("div",{className:"text-sm text-muted-foreground",children:[t.jsx("p",{children:"Database viewer - panel automatically expanded to large size"}),t.jsxs("div",{className:"mt-4 p-4 border border-border rounded",children:[t.jsx("p",{children:"Your large data table would go here"}),s&&typeof s=="object"?t.jsx("pre",{className:"mt-2 text-xs overflow-auto",children:JSON.stringify(s,null,2)}):null]})]})]}));Hs.displayName="DatabaseTabContent";const st=It,K=o.forwardRef(({className:s,...e},n)=>t.jsx(se,{ref:n,className:m("inline-flex h-10 items-center rounded-md bg-muted p-1 text-muted-foreground gap-1",s),...e}));K.displayName=se.displayName;const U=o.forwardRef(({className:s,...e},n)=>t.jsx(ne,{ref:n,className:m("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",s),...e}));U.displayName=ne.displayName;const P=o.forwardRef(({className:s,...e},n)=>t.jsx(re,{ref:n,className:m("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",s),...e}));P.displayName=re.displayName;const nt=o.forwardRef(({todo:s,className:e,...n},r)=>t.jsx("div",{ref:r,className:m("flex items-center gap-3 px-3 py-2 rounded-lg",e),...n,children:t.jsx("span",{className:m("flex-1 text-[var(--font-size)] font-[var(--font-family)]",s.status==="completed"&&"line-through opacity-60",s.status==="in_progress"&&"shimmer-animation"),children:s.text})}));nt.displayName="TodoListItem";const rt=o.forwardRef(({client:s,todos:e,className:n,...r},a)=>{const c=e||[];return t.jsx("div",{ref:a,className:m("space-y-2 max-h-64 overflow-y-auto",n),...r,children:c.length===0?t.jsx("p",{className:"text-sm text-foreground opacity-60 italic",children:"No tasks yet."}):c.map(u=>t.jsx(nt,{todo:u},u.id))})});rt.displayName="TodoList";const Ps=o.forwardRef(({client:s,todos:e,className:n,...r},a)=>{const c=e||[],[u,p]=o.useState("todo"),f=o.useRef(null),l=o.useRef(null);o.useEffect(()=>{const h=setTimeout(()=>{const g=f.current;if(u&&g){const b=l.current;if(b){const S=g.getBoundingClientRect(),N=b.getBoundingClientRect(),y=N.left-S.left,w=N.width,v=y/S.width*100,R=100-(y+w)/S.width*100;g.style.clipPath=`inset(0 ${R.toFixed(2)}% 0 ${v.toFixed(2)}% round 999px)`}}},0);return()=>clearTimeout(h)},[u]);const i=[{id:"todo",label:"To-Do List"},{id:"files",label:"Files"},{id:"database",label:"Database"}];return t.jsx("div",{ref:a,className:m("select-none",n),...r,children:t.jsxs(st,{value:u,onValueChange:p,className:"w-full",children:[t.jsxs("div",{className:"relative mb-4 border-border",children:[t.jsx(K,{className:"bg-transparent p-0 h-auto rounded-none w-full border-none",children:i.map(d=>t.jsx(U,{value:d.id,className:"px-3 py-1 text-sm font-[var(--font-family)] font-medium rounded-none text-foreground opacity-60 data-[state=active]:opacity-100 data-[state=active]:bg-transparent data-[state=active]:shadow-none",children:d.label},d.id))}),t.jsx("div",{ref:f,className:"absolute top-0 left-0 w-full overflow-hidden z-10 pointer-events-none",style:{clipPath:"inset(0 100% 0 0% round 999px)",transition:"clip-path 0.25s ease-out"},children:t.jsx(K,{className:"bg-secondary p-0 h-auto rounded-none w-full border-none",children:i.map(d=>t.jsx(U,{value:d.id,ref:u===d.id?l:null,className:"px-3 py-1 text-sm font-[var(--font-family)] font-medium rounded-none text-primary bg-transparent data-[state=active]:shadow-none shadow-none",tabIndex:-1,children:d.label},d.id))})})]}),t.jsx(P,{value:"todo",children:t.jsx(rt,{todos:c})}),t.jsx(P,{value:"files",children:t.jsx("div",{className:"text-sm text-foreground opacity-60 italic",children:"Files tab coming soon..."})}),t.jsx(P,{value:"database",children:t.jsx("div",{className:"text-sm text-foreground opacity-60 italic",children:"Database tab coming soon..."})})]})})});Ps.displayName="ChatSecondaryPanel";const Ls=o.forwardRef(({className:s,children:e,...n},r)=>t.jsx("div",{ref:r,className:m("flex h-full flex-col",s),...n,children:e}));Ls.displayName="ChatSidebar.Root";const zs=o.forwardRef(({className:s,children:e,...n},r)=>t.jsx("div",{ref:r,className:m("border-b border-border px-4 py-3",s),...n,children:e}));zs.displayName="ChatSidebar.Header";const Fs=o.forwardRef(({className:s,children:e,...n},r)=>t.jsx("div",{ref:r,className:m("flex-1 overflow-y-auto p-4",s),...n,children:e}));Fs.displayName="ChatSidebar.Content";const Os=o.forwardRef(({className:s,children:e,...n},r)=>t.jsx("div",{ref:r,className:m("border-t border-border px-4 py-3",s),...n,children:e}));Os.displayName="ChatSidebar.Footer";const $s=o.forwardRef(({children:s,className:e,...n},r)=>{const[a,c]=o.useState(s),[u,p]=o.useState(!1),f=o.useRef(s),l=o.useRef(!0);return o.useEffect(()=>{if(l.current){l.current=!1,f.current=s;return}if(f.current===s)return;p(!0);const i=setTimeout(()=>{c(s),f.current=s,requestAnimationFrame(()=>{p(!1)})},150);return()=>{clearTimeout(i)}},[s]),t.jsx("span",{ref:r,className:m("text-sm text-foreground opacity-60 transition-opacity duration-300",u?"opacity-0":"opacity-60",e),...n,children:a})});$s.displayName="ChatStatus";const Us=o.forwardRef(({autoScroll:s=!0,isStreaming:e=!1,scrollBehavior:n="smooth",scrollThreshold:r=100,showScrollButton:a=!0,scrollButton:c,className:u,children:p,...f},l)=>{const i=o.useRef(null),[d,h]=o.useState(!0),[g,b]=o.useState(!1),S=o.useRef(0);o.useImperativeHandle(l,()=>{if(!i.current)throw new Error("Container ref not initialized");return i.current});const N=o.useCallback(()=>{const w=i.current;if(!w)return;const{scrollTop:v,scrollHeight:R,clientHeight:D}=w,C=R-v-D<r;h(C),b(!C&&a),S.current=v},[r,a]),y=o.useCallback((w=n)=>{const v=i.current;v&&v.scrollTo({top:v.scrollHeight,behavior:w})},[n]);return o.useEffect(()=>{!s||!i.current||(e&&d?y("auto"):!e&&d&&y())},[s,e,d,y]),o.useEffect(()=>{const w=i.current;if(!w)return;const v=()=>{N()};return w.addEventListener("scroll",v,{passive:!0}),N(),()=>{w.removeEventListener("scroll",v)}},[N]),o.useEffect(()=>{const w=i.current;if(!w)return;const v=new ResizeObserver(()=>{d&&s&&y("auto")});return v.observe(w),()=>{v.disconnect()}},[d,s,y]),t.jsxs("div",{className:"relative flex-1",children:[t.jsx("div",{ref:i,className:m("h-full overflow-y-auto overflow-x-hidden","scrollbar-thin scrollbar-thumb-[border] scrollbar-track-transparent",u),...f,children:t.jsx("div",{className:"flex flex-col gap-4 px-4 py-4",children:p})}),g&&t.jsx("div",{className:"absolute bottom-4 left-1/2 -translate-x-1/2 z-10",children:c||t.jsxs("button",{type:"button",onClick:()=>y(),className:"px-4 py-2 rounded-full bg-card border border-border shadow-lg hover:shadow-xl hover:bg-card/90 transition-all text-sm font-medium text-foreground flex items-center gap-2","aria-label":"Scroll to bottom",children:[t.jsx("svg",{className:"w-4 h-4",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",role:"img","aria-label":"Down arrow",children:t.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M19 14l-7 7m0 0l-7-7m7 7V3"})}),"Scroll to bottom"]})})]})});Us.displayName="Conversation";const Vs=Rt,ot=o.forwardRef(({className:s,...e},n)=>t.jsx(oe,{ref:n,className:m("fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",s),...e}));ot.displayName=oe.displayName;const _s=o.forwardRef(({className:s,children:e,...n},r)=>t.jsxs(Vs,{children:[t.jsx(ot,{}),t.jsxs(ae,{ref:r,className:m("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",s),...n,children:[e,t.jsxs(Et,{className:"absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground",children:[t.jsx(Ot,{className:"h-4 w-4"}),t.jsx("span",{className:"sr-only",children:"Close"})]})]})]}));_s.displayName=ae.displayName;const Bs=o.forwardRef(({className:s,...e},n)=>t.jsx(ie,{ref:n,className:m("text-lg font-semibold leading-none tracking-tight",s),...e}));Bs.displayName=ie.displayName;const qs=o.forwardRef(({className:s,...e},n)=>t.jsx(le,{ref:n,className:m("text-sm text-muted-foreground",s),...e}));qs.displayName=le.displayName;const Ws=o.forwardRef(({className:s,inset:e,children:n,...r},a)=>t.jsxs(ce,{ref:a,className:m("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none","focus:bg-muted data-[state=open]:bg-muted",e&&"pl-8",s),...r,children:[n,t.jsx($t,{className:"ml-auto h-4 w-4"})]}));Ws.displayName=ce.displayName;const Qs=o.forwardRef(({className:s,...e},n)=>t.jsx(de,{ref:n,className:m("z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-card p-1 shadow-lg","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0","data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95","data-[side=bottom]:slide-in-from-top-2","data-[side=left]:slide-in-from-right-2","data-[side=right]:slide-in-from-left-2","data-[side=top]:slide-in-from-bottom-2",s),...e}));Qs.displayName=de.displayName;const Ks=o.forwardRef(({className:s,sideOffset:e=4,...n},r)=>t.jsx(Tt,{children:t.jsx(ue,{ref:r,sideOffset:e,className:m("z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-card p-1 shadow-md","data-[state=open]:animate-in data-[state=closed]:animate-out","data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0","data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95","data-[side=bottom]:slide-in-from-top-2","data-[side=left]:slide-in-from-right-2","data-[side=right]:slide-in-from-left-2","data-[side=top]:slide-in-from-bottom-2",s),...n})}));Ks.displayName=ue.displayName;const Ys=o.forwardRef(({className:s,inset:e,...n},r)=>t.jsx(me,{ref:r,className:m("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors","focus:bg-muted focus:text-foreground","data-[disabled]:pointer-events-none data-[disabled]:opacity-50",e&&"pl-8",s),...n}));Ys.displayName=me.displayName;const Js=o.forwardRef(({className:s,children:e,...n},r)=>t.jsxs(fe,{ref:r,className:m("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors","focus:bg-muted focus:text-foreground","data-[disabled]:pointer-events-none data-[disabled]:opacity-50",s),...n,children:[t.jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:t.jsx(pe,{children:t.jsx(Ie,{className:"h-4 w-4"})})}),e]}));Js.displayName=fe.displayName;const Xs=o.forwardRef(({className:s,children:e,...n},r)=>t.jsxs(he,{ref:r,className:m("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors","focus:bg-muted focus:text-foreground","data-[disabled]:pointer-events-none data-[disabled]:opacity-50",s),...n,children:[t.jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:t.jsx(pe,{children:t.jsx(Re,{className:"h-2 w-2 fill-current"})})}),e]}));Xs.displayName=he.displayName;const Gs=o.forwardRef(({className:s,inset:e,...n},r)=>t.jsx(ge,{ref:r,className:m("px-2 py-1.5 text-sm font-semibold",e&&"pl-8",s),...n}));Gs.displayName=ge.displayName;const Zs=o.forwardRef(({className:s,...e},n)=>t.jsx(xe,{ref:n,className:m("-mx-1 my-1 h-px bg-border",s),...e}));Zs.displayName=xe.displayName;const en=A("flex h-10 w-full rounded-md border bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",{variants:{variant:{default:"border-input focus-visible:ring-ring",error:"border-destructive focus-visible:ring-destructive",success:"border-green-500 focus-visible:ring-green-500"}},defaultVariants:{variant:"default"}}),tn=o.forwardRef(({className:s,type:e,variant:n,...r},a)=>t.jsx("input",{type:e,className:m(en({variant:n,className:s})),ref:a,...r}));tn.displayName="Input";const sn=o.forwardRef(({className:s,...e},n)=>t.jsx(be,{ref:n,className:m("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70",s),...e}));sn.displayName=be.displayName;const nn=A("flex animate-fadeIn",{variants:{role:{user:"max-w-[80%] self-end ml-auto mr-2",assistant:"self-start mr-auto",system:"self-start mr-auto max-w-full"},layout:{default:"",full:"max-w-full",compact:"max-w-[90%]"}},defaultVariants:{role:"assistant",layout:"default"}}),at=o.forwardRef(({message:s,role:e,layout:n,className:r,children:a,messageId:c,autoScroll:u,isLastMessage:p=!1,...f},l)=>{const i=s?s.role:e||"assistant",d=s?s.id:c,h=o.useRef(null),[g,b]=o.useState(void 0);return o.useImperativeHandle(l,()=>h.current),o.useEffect(()=>{if(!p||i!=="assistant"){b(void 0);return}const S=()=>{const y=h.current;if(!y)return;let w=y.parentElement;for(;w&&!w.classList.contains("overflow-y-auto");)w=w.parentElement;if(!w)return;const v=y.previousElementSibling;if(!v||v.getAttribute("aria-label")!=="user message"){b(void 0);return}const R=w.clientHeight,D=v.offsetHeight,C=Math.max(0,R-D-32);b(C)};S();const N=new ResizeObserver(S);if(h.current){N.observe(h.current);let y=h.current.parentElement;for(;y&&!y.classList.contains("overflow-y-auto");)y=y.parentElement;y&&N.observe(y)}return()=>N.disconnect()},[p,i]),o.useEffect(()=>{if((u!==void 0?u:i==="user")&&h.current){const N=setTimeout(()=>{h.current?.scrollIntoView({behavior:"smooth",block:"start",inline:"nearest"})},50);return()=>clearTimeout(N)}},[i,u]),t.jsx("article",{ref:h,"aria-label":`${i} message`,"data-message-id":d,className:m(nn({role:i,layout:n}),r),style:{minHeight:g!==void 0?`${g}px`:void 0},...f,children:a})});at.displayName="Message";const ee=A("mb-3 rounded-lg bg-card border border-border transition-all",{variants:{variant:{default:"opacity-70",subtle:"opacity-50",prominent:"opacity-90 shadow-sm"}},defaultVariants:{variant:"default"}}),rn=A("w-4 h-4 text-foreground opacity-60 transition-transform duration-200",{variants:{expanded:{true:"rotate-180",false:""}},defaultVariants:{expanded:!1}}),it=o.forwardRef(({content:s,isStreaming:e=!1,mode:n="collapsible",defaultExpanded:r=!1,autoExpand:a=!1,autoCollapse:c=!0,autoCollapseDelay:u=2e3,label:p="Thinking",variant:f,className:l},i)=>{const[d,h]=o.useState(n==="inline"?!0:r),[g,b]=o.useState(!1);return o.useEffect(()=>{if(c&&!e&&s&&n==="collapsible"){const S=setTimeout(()=>{b(!0),h(!1)},u);return()=>clearTimeout(S)}},[e,s,c,u,n]),o.useEffect(()=>{a&&e&&n==="collapsible"&&!g&&h(!0)},[a,e,n,g]),!s&&!e?null:n==="inline"?t.jsxs("div",{ref:i,className:m(ee({variant:f}),"p-3",l),children:[t.jsxs("div",{className:"flex items-start gap-2 mb-2",children:[t.jsx("span",{className:"text-xs font-medium text-foreground opacity-60 uppercase tracking-wide",children:p}),e&&t.jsx("span",{className:"inline-block w-2 h-2 bg-primary rounded-full animate-pulse"})]}),t.jsxs("div",{className:"text-sm italic text-foreground opacity-80 leading-relaxed whitespace-pre-wrap",children:[s,e&&s&&t.jsx("span",{className:"inline-block animate-typing text-primary",children:"..."})]})]}):t.jsxs("div",{ref:i,className:m("mb-3",l),children:[t.jsxs("button",{type:"button",onClick:()=>{h(!d),b(!1)},className:"w-full flex items-center justify-between p-2.5 rounded-lg bg-card border border-border hover:bg-card/80 hover:shadow-sm transition-all text-left","aria-expanded":d,"aria-label":`${d?"Collapse":"Expand"} reasoning`,children:[t.jsxs("div",{className:"flex items-center gap-2 flex-1 min-w-0",children:[t.jsx("span",{className:"text-xs font-medium text-foreground opacity-60 uppercase tracking-wide shrink-0",children:p}),e&&t.jsx("span",{className:"inline-block w-2 h-2 bg-primary rounded-full animate-pulse shrink-0"}),!d&&s&&t.jsxs("span",{className:"text-xs text-foreground opacity-50 truncate",children:[s.substring(0,60),s.length>60&&"..."]})]}),t.jsx(G,{className:rn({expanded:d}),"aria-hidden":"true"})]}),d&&t.jsx("div",{className:m(ee({variant:f}),"mt-2 p-3 animate-fadeIn"),children:t.jsxs("div",{className:"text-sm italic text-foreground opacity-80 leading-relaxed whitespace-pre-wrap",children:[s,e&&s&&t.jsx("span",{className:"inline-block animate-typing text-primary",children:"..."})]})})]})});it.displayName="Reasoning";const lt=o.forwardRef(({content:s,isStreaming:e=!1,showEmpty:n=!0,emptyMessage:r="",className:a,...c},u)=>{if(!s&&e&&n)return t.jsx("div",{ref:u,className:m("opacity-70 italic text-sm",a),...c,children:r});if(!s)return null;const p={table:({node:f,...l})=>t.jsx("div",{className:"overflow-x-auto my-4",children:t.jsx("table",{className:"min-w-full border-collapse border border-border rounded-md",...l})}),thead:({node:f,...l})=>t.jsx("thead",{className:"bg-card border-b border-border",...l}),tbody:({node:f,...l})=>t.jsx("tbody",{...l}),tr:({node:f,...l})=>t.jsx("tr",{className:"border-b border-border hover:bg-card transition-colors",...l}),th:({node:f,...l})=>t.jsx("th",{className:"px-4 py-2 text-left font-semibold text-foreground border-r border-border last:border-r-0",...l}),td:({node:f,...l})=>t.jsx("td",{className:"px-4 py-2 text-foreground border-r border-border last:border-r-0",...l}),input:({node:f,checked:l,...i})=>i.type==="checkbox"?t.jsx("input",{type:"checkbox",checked:l||!1,disabled:!0,readOnly:!0,className:"mr-2 w-4 h-4 accent-[primary] cursor-not-allowed",...i}):t.jsx("input",{...i}),code:({node:f,...l})=>l.className?.includes("language-")?t.jsx("code",{className:"block p-4 bg-card border border-border rounded-md overflow-x-auto text-sm font-mono text-foreground shadow-sm",...l}):t.jsx("code",{className:"px-1.5 py-0.5 bg-card border border-border rounded text-sm font-mono text-foreground",...l}),pre:({node:f,...l})=>t.jsx("pre",{className:"my-4 rounded-lg",...l}),h1:({node:f,...l})=>t.jsx("h1",{className:"text-2xl font-bold mt-6 mb-4 text-foreground border-b border-border pb-2",...l}),h2:({node:f,...l})=>t.jsx("h2",{className:"text-xl font-semibold mt-5 mb-3 text-foreground border-b border-border/50 pb-1.5",...l}),h3:({node:f,...l})=>t.jsx("h3",{className:"text-lg font-semibold mt-4 mb-2 text-foreground",...l}),h4:({node:f,...l})=>t.jsx("h4",{className:"text-base font-semibold mt-3 mb-2 text-foreground",...l}),ul:({node:f,...l})=>{const i=f?.children?.some(d=>typeof d=="object"&&d!==null&&"type"in d&&d.type==="element"&&"tagName"in d&&d.tagName==="li"&&"children"in d&&Array.isArray(d.children)&&d.children.some(h=>typeof h=="object"&&h!==null&&"type"in h&&h.type==="element"&&"tagName"in h&&h.tagName==="input"&&"properties"in h&&typeof h.properties=="object"&&h.properties!==null&&"type"in h.properties&&h.properties.type==="checkbox"));return t.jsx("ul",{className:m("my-2 space-y-1 text-foreground",i?"list-none space-y-2":"list-disc list-inside"),...l})},ol:({node:f,...l})=>t.jsx("ol",{className:"list-decimal list-inside my-2 space-y-1 text-foreground",...l}),li:({node:f,...l})=>{const i=f?.children?.some(d=>typeof d=="object"&&d!==null&&"type"in d&&d.type==="element"&&"tagName"in d&&d.tagName==="input"&&"properties"in d&&typeof d.properties=="object"&&d.properties!==null&&"type"in d.properties&&d.properties.type==="checkbox");return t.jsx("li",{className:m("flex items-start",i?"gap-2":"ml-2"),...l})},a:({node:f,...l})=>t.jsx("a",{className:"text-primary hover:underline decoration-2 underline-offset-2 transition-all",target:"_blank",rel:"noopener noreferrer",...l}),p:({node:f,...l})=>t.jsx("p",{className:"my-2 text-foreground leading-relaxed",...l}),blockquote:({node:f,...l})=>t.jsx("blockquote",{className:"border-l-4 border-[primary] pl-4 italic my-4 text-foreground bg-card py-2 rounded-r-md shadow-sm",...l}),hr:({node:f,...l})=>t.jsx("hr",{className:"my-6 border-t border-border opacity-50",...l})};return t.jsxs("div",{ref:u,className:m("markdown-content prose prose-sm max-w-none dark:prose-invert",a),...c,children:[t.jsx(gt,{remarkPlugins:[Yt],components:p,children:s}),e&&s&&t.jsx("span",{className:"inline-block ml-1 animate-typing text-primary",children:"..."})]})});lt.displayName="Response";const W=["Thinking","Pensando","Pensant","Denkend","Pensando","考えている","생각 중","思考中","Размышляя","Düşünüyor","Myślący","Tänkande","Pensando","Ajatellen","Σκεπτόμενος","חושב","सोच रहा है","Berpikir"],te=["...","·..",".·.","..·",".·.","·.."];function on({startTime:s}){const[e,n]=o.useState(0),[r,a]=o.useState(()=>W[Math.floor(Math.random()*W.length)]),[c,u]=o.useState(0);o.useEffect(()=>{const l=setInterval(()=>{const d=Date.now()-s;n(d)},100);return()=>clearInterval(l)},[s]),o.useEffect(()=>{const l=setInterval(()=>{const i=Math.floor(Math.random()*W.length);a(W[i])},1500);return()=>clearInterval(l)},[]),o.useEffect(()=>{const l=setInterval(()=>{u(i=>(i+1)%te.length)},100);return()=>clearInterval(l)},[]);const p=(e/1e3).toFixed(1),f=te[c];return t.jsxs("span",{className:"text-muted-foreground text-sm",children:[r,f," ",p,"s"]})}const an=A("w-full px-4 py-3 rounded-xl text-[var(--font-size)] font-[var(--font-family)] leading-relaxed break-words transition-colors",{variants:{role:{user:"bg-primary text-primary-foreground shadow-sm",assistant:"text-foreground",system:"bg-card border border-border text-foreground opacity-80 text-sm"},variant:{default:"",outline:"border border-border",ghost:"bg-transparent"}},defaultVariants:{role:"assistant",variant:"default"}}),ct=o.forwardRef(({role:s,variant:e,isStreaming:n,message:r,thinkingDisplayStyle:a="collapsible",className:c,children:u,...p},f)=>{const l=j(b=>b.streamingStartTime),i=r&&!u,d=i?r.role:s||"assistant",h=i?r.isStreaming:n;let g=u;if(i){const b=r.metadata?.thinking,S=!!b,N=r.isStreaming&&!r.content&&r.role==="assistant";g=t.jsxs(t.Fragment,{children:[r.role==="assistant"&&S&&t.jsx(it,{content:b,isStreaming:r.isStreaming,mode:a,autoCollapse:!0}),N&&l&&t.jsxs("div",{className:"flex items-center gap-2 opacity-50",children:[t.jsx(Ee,{className:"size-4 animate-spin text-muted-foreground"}),t.jsx(on,{startTime:l})]}),r.role==="user"?t.jsx("div",{className:"whitespace-pre-wrap",children:r.content}):t.jsx(lt,{content:r.content,isStreaming:r.isStreaming,showEmpty:!1})]})}return t.jsx("div",{ref:f,className:m(an({role:d,variant:e}),h&&"animate-pulse-subtle",c),...p,children:g})});ct.displayName="MessageContent";const ln=o.forwardRef(({className:s,children:e,...n},r)=>t.jsxs(ye,{ref:r,className:m("flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",s),...n,children:[e,t.jsx(kt,{asChild:!0,children:t.jsx(Ut,{className:"h-4 w-4 opacity-50"})})]}));ln.displayName=ye.displayName;const dt=o.forwardRef(({className:s,...e},n)=>t.jsx(we,{ref:n,className:m("flex cursor-default items-center justify-center py-1",s),...e,children:t.jsx(Vt,{className:"h-4 w-4"})}));dt.displayName=we.displayName;const ut=o.forwardRef(({className:s,...e},n)=>t.jsx(ve,{ref:n,className:m("flex cursor-default items-center justify-center py-1",s),...e,children:t.jsx(G,{className:"h-4 w-4"})}));ut.displayName=ve.displayName;const cn=o.forwardRef(({className:s,children:e,position:n="popper",...r},a)=>t.jsx(Mt,{children:t.jsxs(Ne,{ref:a,className:m("relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",n==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",s),position:n,...r,children:[t.jsx(dt,{}),t.jsx(At,{className:m("p-1",n==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:e}),t.jsx(ut,{})]})}));cn.displayName=Ne.displayName;const dn=o.forwardRef(({className:s,...e},n)=>t.jsx(Se,{ref:n,className:m("py-1.5 pl-8 pr-2 text-sm font-semibold",s),...e}));dn.displayName=Se.displayName;const un=o.forwardRef(({className:s,children:e,...n},r)=>t.jsxs(Ce,{ref:r,className:m("relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",s),...n,children:[t.jsx("span",{className:"absolute left-2 flex h-3.5 w-3.5 items-center justify-center",children:t.jsx(Dt,{children:t.jsx(Ie,{className:"h-4 w-4"})})}),t.jsx(Ht,{children:e})]}));un.displayName=Ce.displayName;const mn=o.forwardRef(({className:s,...e},n)=>t.jsx(je,{ref:n,className:m("-mx-1 my-1 h-px bg-muted",s),...e}));mn.displayName=je.displayName;const mt=o.forwardRef(({task:s,collapsible:e=!0,defaultExpanded:n=!1,onTaskClick:r,className:a,...c},u)=>{const[p,f]=o.useState(n),l=!!(s.details||s.files&&s.files.length>0),i={pending:Re,in_progress:Ee,completed:_t}[s.status],d=()=>{switch(s.status){case"completed":return"text-green-500";case"in_progress":return"text-primary";default:return"text-foreground opacity-40"}},h=()=>{l&&e&&f(!p),r?.(s)};return t.jsxs("div",{ref:u,className:m("rounded-lg border border-border bg-card transition-all","hover:shadow-sm hover:border-border/80",a),...c,children:[t.jsxs("button",{type:"button",onClick:h,className:m("w-full flex items-center gap-3 px-3 py-2.5 text-left",l&&e&&"cursor-pointer"),disabled:!l&&!e,children:[t.jsx(i,{className:m("w-4 h-4 shrink-0",d(),s.status==="in_progress"&&"animate-spin")}),t.jsx("span",{className:m("flex-1 text-sm font-[var(--font-family)]",s.status==="completed"&&"line-through opacity-60",s.status==="in_progress"&&"font-medium"),children:s.text}),l&&e&&t.jsx(G,{className:m("w-4 h-4 text-foreground opacity-50 transition-transform duration-200 shrink-0",p&&"rotate-180"),"aria-hidden":"true"})]}),l&&p&&t.jsxs("div",{className:"px-3 pb-3 pt-1 border-t border-border/50 animate-fadeIn",children:[s.details&&t.jsx("p",{className:"text-sm text-foreground opacity-80 leading-relaxed mb-2",children:s.details}),s.files&&s.files.length>0&&t.jsxs("div",{className:"space-y-1",children:[t.jsx("span",{className:"text-xs font-medium text-foreground opacity-60 uppercase tracking-wide",children:"Files:"}),t.jsx("div",{className:"space-y-1",children:s.files.map(g=>t.jsx("div",{className:"text-xs font-mono text-foreground opacity-70 bg-background px-2 py-1 rounded border border-border/50",children:g},g))})]})]})]})});mt.displayName="Task";const fn=o.forwardRef(({tasks:s,collapsible:e=!0,onTaskClick:n,emptyMessage:r="No tasks yet.",className:a,...c},u)=>t.jsx("div",{ref:u,className:m("space-y-2 max-h-96 overflow-y-auto",a),...c,children:s.length===0?t.jsx("p",{className:"text-sm text-foreground opacity-60 italic py-4 text-center",children:r}):s.map(p=>t.jsx(mt,{task:p,collapsible:e,...n?{onTaskClick:n}:{}},p.id))}));fn.displayName="TaskList";const pn=A("flex min-h-[80px] w-full rounded-md border bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 resize-none",{variants:{variant:{default:"border-input focus-visible:ring-ring",error:"border-destructive focus-visible:ring-destructive",success:"border-green-500 focus-visible:ring-green-500"}},defaultVariants:{variant:"default"}}),hn=o.forwardRef(({className:s,autoResize:e=!1,maxHeight:n=200,variant:r,...a},c)=>{const u=o.useRef(null),p=o.useCallback(l=>{u.current=l,typeof c=="function"?c(l):c&&(c.current=l)},[c]),f=o.useCallback(()=>{const l=u.current;if(!l||!e)return;l.style.height="auto";const i=Math.min(l.scrollHeight,n);l.style.height=`${i}px`,l.scrollHeight>n?l.style.overflowY="auto":l.style.overflowY="hidden"},[e,n]);return o.useEffect(()=>{f()},[f]),t.jsx("textarea",{className:m(pn({variant:r}),e&&"overflow-y-hidden",s),ref:p,...a})});hn.displayName="Textarea";function gn({client:s}){const{connectionStatus:e,connect:n}=Xt(s),{messages:r}=Te(s),a=j(p=>p.error),c=[],u=[{id:"model-sonnet",label:"Use Sonnet 4.5",description:"Switch to Claude Sonnet 4.5 model",icon:t.jsx(Z,{className:"h-4 w-4"}),category:"model",onSelect:()=>{console.log("Selected Sonnet 4.5")}},{id:"model-opus",label:"Use Opus",description:"Switch to Claude Opus model",icon:t.jsx(Z,{className:"h-4 w-4"}),category:"model",onSelect:()=>{console.log("Selected Opus")}},{id:"settings",label:"Open Settings",description:"Configure chat preferences",icon:t.jsx(Qt,{className:"h-4 w-4"}),category:"action",onSelect:()=>{console.log("Opening settings")}},{id:"code-mode",label:"Code Mode",description:"Enable code-focused responses",icon:t.jsx(Kt,{className:"h-4 w-4"}),category:"mode",onSelect:()=>{console.log("Enabled code mode")}}];return t.jsxs(Ke,{defaultPanelSize:"small",defaultActiveTab:"todo",children:[t.jsxs(Ye,{children:[e==="error"&&a&&t.jsx("div",{className:"border-b border-red-500/20 bg-red-500/10 px-6 py-4",children:t.jsxs("div",{className:"flex items-start justify-between gap-4",children:[t.jsxs("div",{className:"flex-1",children:[t.jsx("h3",{className:"mb-1 text-sm font-semibold text-red-500",children:"Connection Error"}),t.jsx("p",{className:"whitespace-pre-line text-sm text-foreground",children:a})]}),t.jsx("button",{type:"button",onClick:n,className:"rounded-lg bg-red-500 px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-red-600",children:"Retry"})]})}),t.jsxs(Je,{children:[t.jsx(Xe,{className:"pt-4",children:r.length===0?t.jsx("div",{className:"flex h-full items-center justify-center",children:t.jsx("div",{className:"text-center text-muted-foreground",children:t.jsx("p",{className:"mb-2 text-lg",children:"No messages yet"})})}):t.jsx("div",{className:"flex flex-col gap-4 px-4",children:r.map((p,f)=>t.jsx(at,{message:p,isLastMessage:f===r.length-1,children:t.jsx(ct,{message:p,thinkingDisplayStyle:"collapsible"})},p.id))})}),t.jsx(Ge,{children:t.jsxs(Fe,{client:s,children:[t.jsx(qe,{commands:u}),t.jsx(Oe,{placeholder:"Type a message or / for commands...",autoFocus:!0}),t.jsxs(Ue,{children:[t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsx(Ve,{}),t.jsx(_e,{})]}),t.jsxs("div",{className:"flex items-center gap-1",children:[t.jsx(Be,{}),t.jsx($e,{children:t.jsx(Bt,{className:"size-4"})})]})]})]})})]})]}),t.jsx(Ze,{breakpoint:"lg",children:t.jsxs(st,{defaultValue:"todo",className:"flex flex-col h-full",children:[t.jsxs(K,{className:"w-full justify-start rounded-none border-b border-border bg-card px-4",children:[t.jsxs(U,{value:"todo",children:[t.jsx(qt,{className:"h-4 w-4 mr-2"}),"To-Do"]}),t.jsxs(U,{value:"files",children:[t.jsx(Wt,{className:"h-4 w-4 mr-2"}),"Files"]})]}),t.jsx(P,{value:"todo",className:"flex-1 p-4 mt-0",children:t.jsx(et,{todos:c})}),t.jsx(P,{value:"files",className:"flex-1 p-4 mt-0",children:t.jsx(tt,{})})]})})]})}function xn(){return"http://localhost:3100"}const bn={agentServerUrl:xn()};function yn(){const[s,e]=o.useState(null),[n,r]=o.useState(null);return o.useEffect(()=>{try{const a=new ns({type:"http",options:{baseUrl:bn.agentServerUrl}});return e(a),()=>{a.disconnect().catch(console.error)}}catch(a){const c=a instanceof Error?a.message:"Failed to initialize ACP client";r(c),console.error("Failed to initialize ACP client:",a);return}},[]),n?t.jsx("div",{className:"flex items-center justify-center h-screen bg-[var(--color-bg)]",children:t.jsxs("div",{className:"text-center p-8 max-w-md",children:[t.jsx("h1",{className:"text-2xl font-bold text-red-500 mb-4",children:"Initialization Error"}),t.jsx("p",{className:"text-[var(--color-text)] mb-4",children:n}),t.jsx("p",{className:"text-sm text-[var(--color-text-secondary)]",children:"Failed to initialize the ACP client. Check the console for details."})]})}):t.jsx(gn,{client:s})}const ft=document.getElementById("root");if(!ft)throw new Error("Root element not found");xt.createRoot(ft).render(t.jsx(bt.StrictMode,{children:t.jsx(yn,{})}));
package/dist/assets/index-DDhFOEN_.css DELETED
@@ -1 +0,0 @@
1
- @layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial;--tw-ease:initial;--tw-space-x-reverse:0}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-800:oklch(44.4% .177 26.899);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-green-800:oklch(44.8% .119 151.328);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-600:oklch(60.9% .126 221.723);--color-cyan-700:oklch(52% .105 223.128);--color-cyan-900:oklch(39.8% .07 227.392);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-lg:32rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-widest:.1em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-background:hsl(var(--background));--color-foreground:hsl(var(--foreground));--color-card:hsl(var(--card));--color-card-foreground:hsl(var(--card-foreground));--color-popover:hsl(var(--popover));--color-popover-foreground:hsl(var(--popover-foreground));--color-primary:hsl(var(--primary));--color-primary-foreground:hsl(var(--primary-foreground));--color-secondary:hsl(var(--secondary));--color-secondary-foreground:hsl(var(--secondary-foreground));--color-muted:hsl(var(--muted));--color-muted-foreground:hsl(var(--muted-foreground));--color-accent:hsl(var(--accent));--color-accent-foreground:hsl(var(--accent-foreground));--color-destructive:hsl(var(--destructive));--color-destructive-foreground:hsl(var(--destructive-foreground));--color-border:hsl(var(--border));--color-input:hsl(var(--input));--color-ring:hsl(var(--ring))}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-4{top:calc(var(--spacing)*4)}.top-\[50\%\]{top:50%}.top-full{top:100%}.-right-4{right:calc(var(--spacing)*-4)}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.-bottom-4{bottom:calc(var(--spacing)*-4)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-\[50\%\]{left:50%}.z-10{z-index:10}.z-20{z-index:20}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.-mx-1{margin-inline:calc(var(--spacing)*-1)}.my-1{margin-block:calc(var(--spacing)*1)}.my-2{margin-block:calc(var(--spacing)*2)}.my-4{margin-block:calc(var(--spacing)*4)}.my-6{margin-block:calc(var(--spacing)*6)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-auto{margin-right:auto}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.field-sizing-content{field-sizing:content}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-\[var\(--radix-select-trigger-height\)\]{height:var(--radix-select-trigger-height)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-\[6lh\]{max-height:6lh}.min-h-\[80px\]{min-height:80px}.min-h-\[200px\]{min-height:200px}.min-h-\[300px\]{min-height:300px}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-2{width:calc(var(--spacing)*2)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-10{width:calc(var(--spacing)*10)}.w-64{width:calc(var(--spacing)*64)}.w-80{width:calc(var(--spacing)*80)}.w-\[60px\]{width:60px}.w-\[400px\]{width:400px}.w-full{width:100%}.w-lg{width:var(--container-lg)}.max-w-\[80\%\]{max-width:80%}.max-w-\[90\%\]{max-width:90%}.max-w-\[200px\]{max-width:200px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[8rem\]{min-width:8rem}.min-w-\[400px\]{min-width:400px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[-50\%\]{--tw-translate-x:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-\[-50\%\]{--tw-translate-y:-50%;translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-ew-resize{cursor:ew-resize}.cursor-not-allowed{cursor:not-allowed}.cursor-ns-resize{cursor:ns-resize}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.list-inside{list-style-position:inside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.border,.border-1{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-none{--tw-border-style:none;border-style:none}.border-\[primary\]{border-color:primary}.border-\[var\(--color-border\)\],.border-border{border-color:var(--color-border)}.border-border\/50{border-color:color-mix(in srgb,hsl(var(--border))50%,transparent)}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,var(--color-border)50%,transparent)}}.border-destructive{border-color:var(--color-destructive)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-500{border-color:var(--color-green-500)}.border-input{border-color:var(--color-input)}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab,red,red)){.border-red-500\/20{border-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.bg-\[var\(--color-accent\)\]{background-color:var(--color-accent)}.bg-\[var\(--color-bg\)\]{background-color:var(--color-bg)}.bg-\[var\(--color-surface\)\]{background-color:var(--color-surface)}.bg-background{background-color:var(--color-background)}.bg-black\/20{background-color:#0003}@supports (color:color-mix(in lab,red,red)){.bg-black\/20{background-color:color-mix(in oklab,var(--color-black)20%,transparent)}}.bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.bg-black\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-border{background-color:var(--color-border)}.bg-card{background-color:var(--color-card)}.bg-cyan-50{background-color:var(--color-cyan-50)}.bg-destructive{background-color:var(--color-destructive)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-muted{background-color:var(--color-muted)}.bg-popover{background-color:var(--color-popover)}.bg-primary{background-color:var(--color-primary)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/10{background-color:#fb2c361a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.bg-secondary{background-color:var(--color-secondary)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-linear-to-t{--tw-gradient-position:to top}@supports (background-image:linear-gradient(in lab,red,red)){.bg-linear-to-t{--tw-gradient-position:to top in oklab}}.bg-linear-to-t{background-image:linear-gradient(var(--tw-gradient-stops))}.\[background-image\:radial-gradient\(var\(--color-border\)_1px\,var\(--color-bg\)_1px\)\]{background-image:radial-gradient(var(--color-border)1px,var(--color-bg)1px)}.from-background{--tw-gradient-from:var(--color-background);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.\[background-size\:20px_20px\]{background-size:20px 20px}.fill-current{fill:currentColor}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.pt-0{padding-top:calc(var(--spacing)*0)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-4{padding-top:calc(var(--spacing)*4)}.pr-2{padding-right:calc(var(--spacing)*2)}.pb-1\.5{padding-bottom:calc(var(--spacing)*1.5)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-\[var\(--font-family\)\]{--tw-font-weight:var(--font-family);font-weight:var(--font-family)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[var\(--color-text\)\]{color:var(--color-text)}.text-\[var\(--color-text-secondary\)\]{color:var(--color-text-secondary)}.text-\[var\(--font-size\)\]{color:var(--font-size)}.text-card-foreground{color:var(--color-card-foreground)}.text-cyan-600{color:var(--color-cyan-600)}.text-cyan-700{color:var(--color-cyan-700)}.text-destructive-foreground{color:var(--color-destructive-foreground)}.text-foreground{color:var(--color-foreground)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-green-500{color:var(--color-green-500)}.text-green-800{color:var(--color-green-800)}.text-muted-foreground{color:var(--color-muted-foreground)}.text-popover-foreground{color:var(--color-popover-foreground)}.text-primary{color:var(--color-primary)}.text-primary-foreground{color:var(--color-primary-foreground)}.text-red-500{color:var(--color-red-500)}.text-red-800{color:var(--color-red-800)}.text-secondary-foreground{color:var(--color-secondary-foreground)}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-800{color:var(--color-yellow-800)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.decoration-2{text-decoration-thickness:2px}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.accent-\[primary\]{accent-color:primary}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 8px 24px -16px var(--tw-shadow-color,#0000000a),0 4px 16px 0 var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 8px 24px -16px var(--tw-shadow-color,#0000000a),0 4px 16px 0 var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-background{--tw-ring-offset-color:var(--color-background)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.group-\[\.toast\]\:bg-muted:is(:where(.group).toast *){background-color:var(--color-muted)}.group-\[\.toast\]\:bg-primary:is(:where(.group).toast *){background-color:var(--color-primary)}.group-\[\.toast\]\:text-muted-foreground:is(:where(.group).toast *){color:var(--color-muted-foreground)}.group-\[\.toast\]\:text-primary-foreground:is(:where(.group).toast *){color:var(--color-primary-foreground)}.group-\[\.toaster\]\:border-border:is(:where(.group).toaster *){border-color:var(--color-border)}.group-\[\.toaster\]\:bg-background:is(:where(.group).toaster *){background-color:var(--color-background)}.group-\[\.toaster\]\:text-foreground:is(:where(.group).toaster *){color:var(--color-foreground)}.group-\[\.toaster\]\:shadow-lg:is(:where(.group).toaster *){--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.file\:text-foreground::file-selector-button{color:var(--color-foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--color-muted-foreground)}.last\:border-r-0:last-child{border-right-style:var(--tw-border-style);border-right-width:0}@media(hover:hover){.hover\:border-border\/80:hover{border-color:color-mix(in srgb,hsl(var(--border))80%,transparent)}@supports (color:color-mix(in lab,red,red)){.hover\:border-border\/80:hover{border-color:color-mix(in oklab,var(--color-border)80%,transparent)}}.hover\:bg-\[var\(--color-bg\)\]:hover{background-color:var(--color-bg)}.hover\:bg-accent:hover{background-color:var(--color-accent)}.hover\:bg-background:hover{background-color:var(--color-background)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-card:hover{background-color:var(--color-card)}.hover\:bg-card\/80:hover{background-color:color-mix(in srgb,hsl(var(--card))80%,transparent)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-card\/80:hover{background-color:color-mix(in oklab,var(--color-card)80%,transparent)}}.hover\:bg-card\/90:hover{background-color:color-mix(in srgb,hsl(var(--card))90%,transparent)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-card\/90:hover{background-color:color-mix(in oklab,var(--color-card)90%,transparent)}}.hover\:bg-destructive\/90:hover{background-color:color-mix(in srgb,hsl(var(--destructive))90%,transparent)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--color-destructive)90%,transparent)}}.hover\:bg-muted:hover{background-color:var(--color-muted)}.hover\:bg-primary\/90:hover{background-color:color-mix(in srgb,hsl(var(--primary))90%,transparent)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--color-primary)90%,transparent)}}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-secondary\/80:hover{background-color:color-mix(in srgb,hsl(var(--secondary))80%,transparent)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--color-secondary)80%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--color-accent-foreground)}.hover\:text-cyan-900:hover{color:var(--color-cyan-900)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-sm:hover{--tw-shadow:0 8px 24px -16px var(--tw-shadow-color,#0000000a),0 4px 16px 0 var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-\[var\(--color-accent\)\]:focus{border-color:var(--color-accent)}.focus\:border-transparent:focus{border-color:#0000}.focus\:bg-accent:focus{background-color:var(--color-accent)}.focus\:bg-muted:focus{background-color:var(--color-muted)}.focus\:text-accent-foreground:focus{color:var(--color-accent-foreground)}.focus\:text-foreground:focus{color:var(--color-foreground)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-ring:focus{--tw-ring-color:var(--color-ring)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive:focus-visible{--tw-ring-color:var(--color-destructive)}.focus-visible\:ring-green-500:focus-visible{--tw-ring-color:var(--color-green-500)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:var(--color-ring)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-100:disabled{background-color:var(--color-gray-100)}.disabled\:bg-gray-300:disabled{background-color:var(--color-gray-300)}.disabled\:opacity-50:disabled{opacity:.5}.data-\[disabled\]\:pointer-events-none[data-disabled]{pointer-events:none}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[side\=bottom\]\:translate-y-1[data-side=bottom]{--tw-translate-y:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=left\]\:-translate-x-1[data-side=left]{--tw-translate-x:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=right\]\:translate-x-1[data-side=right]{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[side\=top\]\:-translate-y-1[data-side=top]{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.data-\[state\=active\]\:bg-background[data-state=active]{background-color:var(--color-background)}.data-\[state\=active\]\:bg-transparent[data-state=active]{background-color:#0000}.data-\[state\=active\]\:text-foreground[data-state=active]{color:var(--color-foreground)}.data-\[state\=active\]\:opacity-100[data-state=active]{opacity:1}.data-\[state\=active\]\:shadow-none[data-state=active]{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:0 8px 24px -16px var(--tw-shadow-color,#0000000a),0 4px 16px 0 var(--tw-shadow-color,#0000000a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.data-\[state\=open\]\:bg-accent[data-state=open]{background-color:var(--color-accent)}.data-\[state\=open\]\:bg-muted[data-state=open]{background-color:var(--color-muted)}.data-\[state\=open\]\:text-muted-foreground[data-state=open]{color:var(--color-muted-foreground)}@media(min-width:40rem){.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}:where(.sm\:space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:text-left{text-align:left}}@media(min-width:48rem){.md\:block{display:block}}@media(min-width:64rem){.lg\:block{display:block}.lg\:hidden{display:none}}@media(min-width:80rem){.xl\:block{display:block}}@media(min-width:96rem){.\32xl\:block{display:block}}@media(prefers-color-scheme:dark){.dark\:bg-transparent{background-color:#0000}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&\>span\]\:line-clamp-1>span{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--radius:.5rem}.dark{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 11.2%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:212.7 26.8% 83.9%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translate(2px)}to{opacity:1;transform:translate(0)}}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translate(-2px)}to{opacity:1;transform:translate(0)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@keyframes pulse{50%{opacity:.5}}