jinn-cli 0.1.0

package/dist/web/_next/static/chunks/app/sessions/page-2eef6ac7882a28ba.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[898],{1142:(e,t,a)=>{"use strict";a.d(t,{Xi:()=>c,av:()=>u,j7:()=>d,tU:()=>o});var r=a(8111);a(5271);var n=a(3916),i=a(7534),s=a(1397);function o(e){let{className:t,orientation:a="horizontal",...n}=e;return(0,r.jsx)(i.bL,{"data-slot":"tabs","data-orientation":a,orientation:a,className:(0,s.cn)("group/tabs flex gap-2 data-[orientation=horizontal]:flex-col",t),...n})}let l=(0,n.F)("rounded-lg p-[3px] group-data-[orientation=horizontal]/tabs:h-9 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground inline-flex w-fit items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",{variants:{variant:{default:"bg-muted",line:"gap-1 bg-transparent"}},defaultVariants:{variant:"default"}});function d(e){let{className:t,variant:a="default",...n}=e;return(0,r.jsx)(i.B8,{"data-slot":"tabs-list","data-variant":a,className:(0,s.cn)(l({variant:a}),t),...n})}function c(e){let{className:t,...a}=e;return(0,r.jsx)(i.l9,{"data-slot":"tabs-trigger",className:(0,s.cn)("focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent","data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground","after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100",t),...a})}function u(e){let{className:t,...a}=e;return(0,r.jsx)(i.UC,{"data-slot":"tabs-content",className:(0,s.cn)("flex-1 outline-none",t),...a})}},1397:(e,t,a)=>{"use strict";a.d(t,{cn:()=>i});var r=a(5242),n=a(3065);function i(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];return(0,n.QP)((0,r.$)(t))}},2876:(e,t,a)=>{"use strict";a.d(t,{A:()=>r});let r=(0,a(1983).A)("refresh-cw",[["path",{d:"M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8",key:"v9h5vc"}],["path",{d:"M21 3v5h-5",key:"1q7to0"}],["path",{d:"M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16",key:"3uifl3"}],["path",{d:"M8 16H3v5",key:"1cv678"}]])},9033:(e,t,a)=>{Promise.resolve().then(a.bind(a,9504))},9504:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>S});var r=a(8111),n=a(5271),i=a(3176),s=a(1298),o=a(9772),l=a(3916),d=a(1373),c=a(1397);let u=(0,l.F)("inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",{variants:{variant:{default:"bg-primary text-primary-foreground [a&]:hover:bg-primary/90",secondary:"bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",destructive:"bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",ghost:"[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",link:"text-primary underline-offset-4 [a&]:hover:underline"}},defaultVariants:{variant:"default"}});function v(e){let{className:t,variant:a="default",asChild:n=!1,...i}=e,s=n?d.bL:"span";return(0,r.jsx)(s,{"data-slot":"badge","data-variant":a,className:(0,c.cn)(u({variant:a}),t),...i})}var p=a(2755);let x={idle:"secondary",running:"default",error:"destructive"},g={idle:"Idle",running:"Running",error:"Error"};function f(e){var t;let{sessions:a,selectedId:s,onSelect:l,onDeleted:d}=e,{settings:c}=(0,p.t0)(),u=null!=(t=c.portalName)?t:"Jinn",[f,h]=(0,n.useState)(null),[y,b]=(0,n.useState)(null);async function m(){if(y){try{await i.F.deleteSession(y),null==d||d()}catch(e){}b(null)}}return 0===a.length?(0,r.jsx)(o.Zp,{children:(0,r.jsx)(o.Wu,{children:(0,r.jsx)("div",{style:{textAlign:"center",padding:"var(--space-6)",color:"var(--text-tertiary)",fontSize:"var(--text-body)"},children:"No sessions found"})})}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-3)"},onClick:()=>h(null),children:a.map(e=>{var t;return(0,r.jsx)(o.Zp,{className:"py-3 cursor-pointer transition-colors",onClick:()=>l(e.id),onContextMenu:t=>{var a;return a=e.id,void(t.preventDefault(),h({x:t.clientX,y:t.clientY,sessionId:a}))},style:{cursor:"pointer",borderColor:s===e.id?"var(--accent)":void 0,background:s===e.id?"color-mix(in srgb, var(--accent) 5%, var(--bg-card, var(--bg)))":void 0},children:(0,r.jsxs)(o.Wu,{className:"flex items-center justify-between gap-4",children:[(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-3)",flex:1,minWidth:0},children:[(0,r.jsx)("div",{style:{width:36,height:36,borderRadius:"var(--radius-sm, 8px)",background:"var(--fill-secondary)",display:"flex",alignItems:"center",justifyContent:"center",fontFamily:"var(--font-mono)",fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",color:"var(--text-secondary)",flexShrink:0,textTransform:"uppercase"},children:e.engine.charAt(0)}),(0,r.jsxs)("div",{style:{flex:1,minWidth:0},children:[(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",marginBottom:2},children:[(0,r.jsx)("span",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:e.title||e.employee||u}),(0,r.jsx)(v,{variant:null!=(t=x[e.status])?t:"secondary",children:g[e.status]||e.status})]}),(0,r.jsxs)("div",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",display:"flex",gap:"var(--space-3)"},children:[(0,r.jsx)("span",{children:e.source}),(0,r.jsx)("span",{children:e.employee||u})]})]})]}),(0,r.jsx)("span",{style:{fontSize:"var(--text-caption2)",color:"var(--text-quaternary)",whiteSpace:"nowrap",flexShrink:0},children:function(e){let t=Math.floor((Date.now()-new Date(e).getTime())/1e3);if(t<60)return"".concat(t,"s ago");let a=Math.floor(t/60);if(a<60)return"".concat(a,"m ago");let r=Math.floor(a/60);if(r<24)return"".concat(r,"h ago");let n=Math.floor(r/24);return"".concat(n,"d ago")}(e.lastActivity)})]})},e.id)})}),f&&(0,r.jsx)("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,zIndex:50},onClick:()=>h(null),children:(0,r.jsx)("div",{style:{position:"fixed",top:f.y,left:f.x,background:"var(--bg)",border:"1px solid var(--separator)",borderRadius:"var(--radius-md)",boxShadow:"var(--shadow-lg)",padding:"var(--space-1)",zIndex:51,minWidth:160},onClick:e=>e.stopPropagation(),children:(0,r.jsxs)("button",{onClick:()=>{var e;return e=f.sessionId,void(h(null),b(e))},style:{width:"100%",textAlign:"left",padding:"var(--space-2) var(--space-3)",fontSize:"var(--text-footnote)",color:"var(--system-red)",background:"transparent",border:"none",cursor:"pointer",borderRadius:"var(--radius-sm)",display:"flex",alignItems:"center",gap:"var(--space-2)"},children:[(0,r.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,r.jsx)("polyline",{points:"3 6 5 6 21 6"}),(0,r.jsx)("path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"})]}),"Delete Session"]})})}),y&&(0,r.jsx)("div",{style:{position:"fixed",top:0,left:0,right:0,bottom:0,background:"rgba(0,0,0,0.5)",zIndex:60,display:"flex",alignItems:"center",justifyContent:"center"},onClick:()=>b(null),children:(0,r.jsxs)("div",{style:{background:"var(--bg)",borderRadius:"var(--radius-lg)",padding:"var(--space-6)",maxWidth:400,width:"90%",boxShadow:"var(--shadow-overlay)"},onClick:e=>e.stopPropagation(),children:[(0,r.jsx)("h3",{style:{fontSize:"var(--text-headline)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",marginBottom:"var(--space-2)"},children:"Delete Session?"}),(0,r.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-secondary)",marginBottom:"var(--space-5)"},children:"This will permanently delete the session and all its messages. This cannot be undone."}),(0,r.jsxs)("div",{style:{display:"flex",gap:"var(--space-3)",justifyContent:"flex-end"},children:[(0,r.jsx)("button",{onClick:()=>b(null),style:{padding:"var(--space-2) var(--space-4)",borderRadius:"var(--radius-md)",background:"var(--fill-tertiary)",color:"var(--text-primary)",border:"none",cursor:"pointer",fontSize:"var(--text-body)",fontWeight:"var(--weight-medium)"},children:"Cancel"}),(0,r.jsx)("button",{onClick:m,style:{padding:"var(--space-2) var(--space-4)",borderRadius:"var(--radius-md)",background:"var(--system-red)",color:"#fff",border:"none",cursor:"pointer",fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)"},children:"Delete"})]})]})})]})}let h={idle:"secondary",running:"default",error:"destructive"};function y(e){let{label:t,value:a}=e;return(0,r.jsxs)("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"flex-start",gap:"var(--space-3)",padding:"var(--space-2) 0",borderBottom:"1px solid var(--separator)"},children:[(0,r.jsx)("span",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em",color:"var(--text-tertiary)",flexShrink:0},children:t}),(0,r.jsx)("span",{style:{fontSize:"var(--text-body)",color:"var(--text-primary)",textAlign:"right",wordBreak:"break-all"},children:a||(0,r.jsx)("span",{style:{color:"var(--text-quaternary)"},children:"--"})})]})}function b(e){return new Date(e).toLocaleString()}function m(e){var t,a;let{session:s,onClose:l,onNavigate:d}=e,{settings:c}=(0,p.t0)(),u=null!=(t=c.portalName)?t:"Jinn",[x,g]=(0,n.useState)([]);return(0,n.useEffect)(()=>{i.F.getSessionChildren(s.id).then(e=>g(e)).catch(()=>g([]))},[s.id]),(0,r.jsxs)(o.Zp,{children:[(0,r.jsx)(o.aR,{children:(0,r.jsx)(o.ZB,{style:{fontSize:"var(--text-headline)",color:"var(--text-primary)"},children:s.title||"Session Detail"})}),(0,r.jsx)(o.Wu,{children:(0,r.jsxs)("div",{style:{display:"flex",flexDirection:"column"},children:[(0,r.jsx)(y,{label:"Session ID",value:(0,r.jsx)("span",{style:{fontFamily:"var(--font-mono)",fontSize:"var(--text-caption1)"},children:s.id})}),(0,r.jsx)(y,{label:"Engine",value:(0,r.jsxs)("span",{style:{textTransform:"capitalize"},children:[s.engine,s.model?" (".concat(s.model,")"):""]})}),(0,r.jsx)(y,{label:"Source",value:s.source}),(0,r.jsx)(y,{label:"Employee",value:s.employee||u}),(0,r.jsx)(y,{label:"Status",value:(0,r.jsx)(v,{variant:null!=(a=h[s.status])?a:"secondary",children:s.status.charAt(0).toUpperCase()+s.status.slice(1)})}),(0,r.jsx)(y,{label:"Created",value:b(s.createdAt)}),(0,r.jsx)(y,{label:"Last Activity",value:b(s.lastActivity)}),s.parentSessionId&&(0,r.jsx)(y,{label:"Parent Session",value:(0,r.jsxs)("button",{onClick:()=>null==d?void 0:d(s.parentSessionId),style:{fontFamily:"var(--font-mono)",fontSize:"var(--text-caption1)",color:"var(--accent)",background:"none",border:"none",cursor:"pointer",textDecoration:"underline",padding:0},children:[s.parentSessionId.slice(0,12),"..."]})}),x.length>0&&(0,r.jsxs)("div",{style:{marginTop:"var(--space-3)"},children:[(0,r.jsxs)("span",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em",color:"var(--text-tertiary)",display:"block",marginBottom:"var(--space-2)"},children:["Child Sessions (",x.length,")"]}),(0,r.jsx)("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-1)"},children:x.map(e=>{var t;return(0,r.jsxs)("button",{onClick:()=>null==d?void 0:d(e.id),style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"var(--space-2) var(--space-3)",background:"var(--fill-secondary)",borderRadius:"var(--radius-sm, 8px)",border:"none",cursor:"pointer",textAlign:"left"},children:[(0,r.jsx)("span",{style:{fontSize:"var(--text-caption1)",color:"var(--text-primary)",fontWeight:"var(--weight-medium)"},children:e.title||e.employee||"Session"}),(0,r.jsx)(v,{variant:null!=(t=h[e.status])?t:"secondary",children:e.status})]},e.id)})})]}),s.lastError&&(0,r.jsxs)("div",{style:{marginTop:"var(--space-3)"},children:[(0,r.jsx)("span",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-medium)",textTransform:"uppercase",letterSpacing:"0.05em",color:"var(--system-red)",display:"block",marginBottom:"var(--space-2)"},children:"Last Error"}),(0,r.jsx)("div",{style:{fontSize:"var(--text-caption1)",fontFamily:"var(--font-mono)",color:"var(--system-red)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",borderRadius:"var(--radius-sm, 8px)",padding:"var(--space-3)"},children:s.lastError})]})]})})]})}var j=a(3073),k=a(1142),w=a(2876);function S(){let[e,t]=(0,n.useState)([]),[a,o]=(0,n.useState)(null),[l,d]=(0,n.useState)(!0),[c,u]=(0,n.useState)(null),[v,p]=(0,n.useState)("all"),x=(0,n.useRef)(null),g=(0,n.useCallback)(async()=>{try{u(null);let e=await i.F.getSessions();t(e)}catch(e){u(e instanceof Error?e.message:"Failed to load sessions")}finally{d(!1)}},[]);(0,n.useEffect)(()=>{g()},[g]),(0,n.useEffect)(()=>{let e=(0,s.E)(e=>{e.startsWith("session")&&g()});return()=>e.close()},[g]),(0,n.useEffect)(()=>{function e(e){"Escape"===e.key&&a&&o(null)}return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[a]),(0,n.useEffect)(()=>{a&&x.current&&x.current.focus()},[a]);let h=e.find(e=>e.id===a)||null,y="all"===v?e:e.filter(e=>e.status===v);return(0,r.jsx)(j.M,{children:(0,r.jsxs)("div",{style:{display:"flex",height:"100%",position:"relative",background:"var(--bg)"},children:[(0,r.jsxs)("div",{style:{flex:1,height:"100%",overflowY:"auto",padding:"var(--space-6)"},children:[(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--space-5)"},children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{style:{fontSize:"var(--text-title2)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",marginBottom:"var(--space-1)"},children:"Sessions"}),(0,r.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-tertiary)"},children:"Active and recent engine sessions"})]}),(0,r.jsxs)("button",{onClick:()=>{d(!0),g()},style:{display:"flex",alignItems:"center",gap:"var(--space-2)",padding:"var(--space-2) var(--space-3)",borderRadius:"var(--radius-md, 12px)",background:"var(--fill-secondary)",color:"var(--text-secondary)",border:"none",cursor:"pointer",fontSize:"var(--text-body)",fontWeight:"var(--weight-medium)"},children:[(0,r.jsx)(w.A,{size:14}),"Refresh"]})]}),c&&(0,r.jsx)("div",{style:{marginBottom:"var(--space-4)",borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",border:"1px solid color-mix(in srgb, var(--system-red) 30%, transparent)",padding:"var(--space-3) var(--space-4)",fontSize:"var(--text-body)",color:"var(--system-red)"},children:c}),(0,r.jsxs)(k.tU,{value:v,onValueChange:p,children:[(0,r.jsxs)(k.j7,{style:{marginBottom:"var(--space-4)"},children:[(0,r.jsxs)(k.Xi,{value:"all",children:["All (",e.length,")"]}),(0,r.jsxs)(k.Xi,{value:"running",children:["Running (",e.filter(e=>"running"===e.status).length,")"]}),(0,r.jsxs)(k.Xi,{value:"idle",children:["Idle (",e.filter(e=>"idle"===e.status).length,")"]}),(0,r.jsxs)(k.Xi,{value:"error",children:["Error (",e.filter(e=>"error"===e.status).length,")"]})]}),(0,r.jsx)(k.av,{value:v,children:l&&0===e.length?(0,r.jsx)("div",{style:{textAlign:"center",padding:"var(--space-8)",color:"var(--text-tertiary)",fontSize:"var(--text-body)"},children:"Loading sessions..."}):(0,r.jsx)(f,{sessions:y,selectedId:a,onSelect:o,onDeleted:g})})]})]}),h&&(0,r.jsx)("div",{className:"fixed inset-0 z-30 lg:hidden",style:{background:"rgba(0,0,0,0.5)"},onClick:()=>o(null)}),h&&(0,r.jsx)("div",{style:{position:"absolute",top:0,right:0,bottom:0,zIndex:30},children:(0,r.jsxs)("div",{style:{width:400,maxWidth:"100vw",height:"100%",overflowY:"auto",background:"var(--bg)",boxShadow:"var(--shadow-overlay)",display:"flex",flexDirection:"column"},children:[(0,r.jsx)("div",{style:{position:"sticky",top:0,zIndex:10,display:"flex",alignItems:"center",justifyContent:"flex-end",padding:"var(--space-3) var(--space-4)",background:"var(--bg)"},children:(0,r.jsx)("button",{ref:x,onClick:()=>o(null),"aria-label":"Close detail panel",style:{width:30,height:30,borderRadius:"50%",display:"flex",alignItems:"center",justifyContent:"center",background:"var(--fill-tertiary)",color:"var(--text-secondary)",border:"none",cursor:"pointer",fontSize:14},children:"✕"})}),(0,r.jsx)("div",{style:{padding:"0 var(--space-4) var(--space-6)"},children:(0,r.jsx)(m,{session:h,onClose:()=>o(null)})})]})})]})})}},9772:(e,t,a)=>{"use strict";a.d(t,{Wu:()=>l,ZB:()=>o,Zp:()=>i,aR:()=>s});var r=a(8111);a(5271);var n=a(1397);function i(e){let{className:t,...a}=e;return(0,r.jsx)("div",{"data-slot":"card",className:(0,n.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",t),...a})}function s(e){let{className:t,...a}=e;return(0,r.jsx)("div",{"data-slot":"card-header",className:(0,n.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",t),...a})}function o(e){let{className:t,...a}=e;return(0,r.jsx)("div",{"data-slot":"card-title",className:(0,n.cn)("leading-none font-semibold",t),...a})}function l(e){let{className:t,...a}=e;return(0,r.jsx)("div",{"data-slot":"card-content",className:(0,n.cn)("px-6",t),...a})}}},e=>{e.O(0,[704,590,198,534,73,814,743,358],()=>e(e.s=9033)),_N_E=e.O()}]);

package/dist/web/_next/static/chunks/app/settings/page-4fb01b9b09500170.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[662],{7649:(e,a,l)=>{Promise.resolve().then(l.bind(l,7774))},7774:(e,a,l)=>{"use strict";l.r(a),l.d(a,{default:()=>k});var t=l(8111),r=l(5271),n=l(1509),o=l(1983);let i=(0,o.A)("rotate-ccw",[["path",{d:"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",key:"1357e3"}],["path",{d:"M3 3v5h5",key:"1xhq8a"}]]),s=(0,o.A)("loader-circle",[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]]),d=(0,o.A)("save",[["path",{d:"M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z",key:"1c8476"}],["path",{d:"M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7",key:"1ydtos"}],["path",{d:"M7 3v4a1 1 0 0 0 1 1h7",key:"t51u73"}]]),c=(0,o.A)("trash-2",[["path",{d:"M10 11v6",key:"nco0om"}],["path",{d:"M14 11v6",key:"outv1u"}],["path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6",key:"miytrc"}],["path",{d:"M3 6h18",key:"d0wm0j"}],["path",{d:"M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2",key:"e791ji"}]]);var u=l(3073),v=l(2755),p=l(7460),g=l(9834),x=l(3176);let h=[{label:"Red",value:"#EF4444"},{label:"Orange",value:"#F97316"},{label:"Amber",value:"#F59E0B"},{label:"Yellow",value:"#EAB308"},{label:"Lime",value:"#84CC16"},{label:"Green",value:"#22C55E"},{label:"Emerald",value:"#10B981"},{label:"Cyan",value:"#06B6D4"},{label:"Blue",value:"#3B82F6"},{label:"Indigo",value:"#6366F1"},{label:"Violet",value:"#8B5CF6"},{label:"Pink",value:"#EC4899"}];function b(e){let{title:a,children:l}=e;return(0,t.jsxs)("section",{style:{marginBottom:"var(--space-6)"},children:[(0,t.jsx)("div",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",letterSpacing:"var(--tracking-wide)",textTransform:"uppercase",color:"var(--text-tertiary)",padding:"0 var(--space-2) var(--space-2)"},children:a}),(0,t.jsx)("div",{style:{background:"var(--material-regular)",borderRadius:"var(--radius-md)",border:"1px solid var(--separator)",padding:"var(--space-4)"},children:l})]})}function m(e){let{label:a,children:l}=e;return(0,t.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"var(--space-2) 0",gap:"var(--space-4)"},children:[(0,t.jsx)("label",{style:{fontSize:"var(--text-subheadline)",color:"var(--text-secondary)",flexShrink:0},children:a}),(0,t.jsx)("div",{style:{width:240,flexShrink:0},children:l})]})}function f(e){let{value:a,onChange:l,type:r="text",placeholder:n}=e;return(0,t.jsx)("input",{type:r,value:a,onChange:e=>l(e.target.value),placeholder:n,className:"apple-input",style:{width:"100%",background:"var(--bg-secondary)",border:"1px solid var(--separator)",borderRadius:"var(--radius-sm)",padding:"6px 10px",fontSize:"var(--text-footnote)",color:"var(--text-primary)"}})}function y(e){let{value:a,onChange:l,options:r}=e;return(0,t.jsx)("select",{value:a,onChange:e=>l(e.target.value),style:{width:"100%",background:"var(--bg-secondary)",border:"1px solid var(--separator)",borderRadius:"var(--radius-sm)",padding:"6px 10px",fontSize:"var(--text-footnote)",color:"var(--text-primary)",cursor:"pointer"},children:r.map(e=>(0,t.jsx)("option",{value:e.value,children:e.label},e.value))})}function j(e){let{checked:a,onChange:l}=e;return(0,t.jsx)("button",{role:"switch","aria-checked":a,onClick:()=>l(!a),style:{width:44,height:24,borderRadius:12,background:a?"var(--system-green)":"var(--fill-primary)",border:"none",cursor:"pointer",position:"relative",flexShrink:0,transition:"background 200ms var(--ease-smooth)"},children:(0,t.jsx)("span",{style:{position:"absolute",top:2,left:a?22:2,width:20,height:20,borderRadius:"50%",background:"#fff",boxShadow:"0 1px 3px rgba(0,0,0,0.2)",transition:"left 200ms var(--ease-spring)"}})})}function k(){var e,a,l,o,k,C,S,w,z,B,R,E,W,N,F,T,I,M,D,A,P,L,G,H,O,_,V,q,J,K,Y,U,$,Q,X,Z,ee,ea,el,et,er,en,eo,ei,es,ed,ec,eu,ev,ep,eg;let{settings:ex,setAccentColor:eh,setPortalName:eb,setPortalSubtitle:em,setOperatorName:ef,setPortalEmoji:ey,setLanguage:ej,resetAll:ek}=(0,v.t0)(),{theme:eC,setTheme:eS}=(0,p.D)(),[ew,ez]=(0,r.useState)(null!=(J=ex.portalName)?J:""),[eB,eR]=(0,r.useState)(null!=(K=ex.portalSubtitle)?K:""),[eE,eW]=(0,r.useState)(null!=(Y=ex.operatorName)?Y:""),[eN,eF]=(0,r.useState)(null!=(U=ex.portalEmoji)?U:""),[eT,eI]=(0,r.useState)(null!=($=ex.language)?$:"English"),[eM,eD]=(0,r.useState)(null!=(Q=ex.accentColor)?Q:""),[eA,eP]=(0,r.useState)({}),[eL,eG]=(0,r.useState)(!0),[eH,eO]=(0,r.useState)(null),[e_,eV]=(0,r.useState)(!1),[eq,eJ]=(0,r.useState)(null);function eK(){eG(!0),x.F.getConfig().then(e=>{eP(e),eO(null)}).catch(e=>eO(e.message)).finally(()=>eG(!1))}function eY(e,a){eP(l=>{let t=structuredClone(l),r=t;for(let a=0;a<e.length-1;a++)r[e[a]]&&"object"==typeof r[e[a]]||(r[e[a]]={}),r=r[e[a]];return r[e[e.length-1]]=a,t})}return(0,r.useEffect)(()=>{var e,a,l,t,r,n;ez(null!=(e=ex.portalName)?e:""),eR(null!=(a=ex.portalSubtitle)?a:""),eW(null!=(l=ex.operatorName)?l:""),eF(null!=(t=ex.portalEmoji)?t:""),eI(null!=(r=ex.language)?r:"English"),eD(null!=(n=ex.accentColor)?n:"")},[ex.portalName,ex.portalSubtitle,ex.operatorName,ex.portalEmoji,ex.language,ex.accentColor]),(0,r.useEffect)(()=>{eK()},[]),(0,t.jsx)(u.M,{children:(0,t.jsx)("div",{className:"h-full overflow-y-auto",style:{background:"var(--bg)"},children:(0,t.jsxs)("div",{style:{maxWidth:640,margin:"0 auto",padding:"var(--space-6) var(--space-4) var(--space-12)"},children:[(0,t.jsx)("h1",{style:{fontSize:"var(--text-title1)",fontWeight:"var(--weight-bold)",letterSpacing:"var(--tracking-tight)",color:"var(--text-primary)",margin:"0 0 var(--space-6)"},children:"Settings"}),(0,t.jsxs)(b,{title:"Appearance",children:[(0,t.jsx)("div",{style:{fontSize:"var(--text-footnote)",fontWeight:"var(--weight-medium)",color:"var(--text-secondary)",marginBottom:"var(--space-2)"},children:"Theme"}),(0,t.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(5, 1fr)",gap:"var(--space-2)",marginBottom:"var(--space-4)"},children:g.z.map(e=>{let a=eC===e.id;return(0,t.jsxs)("button",{onClick:()=>eS(e.id),style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"var(--space-1)",padding:"var(--space-3) var(--space-2)",borderRadius:"var(--radius-md)",background:"var(--fill-quaternary)",border:a?"2px solid var(--accent)":"2px solid var(--separator)",cursor:"pointer",transition:"all 150ms var(--ease-smooth)"},children:[(0,t.jsx)("span",{style:{fontSize:24},children:e.emoji}),(0,t.jsx)("span",{style:{fontSize:"var(--text-caption2)",fontWeight:a?"var(--weight-semibold)":"var(--weight-medium)",color:a?"var(--accent)":"var(--text-secondary)"},children:e.label})]},e.id)})}),(0,t.jsx)("div",{style:{fontSize:"var(--text-footnote)",fontWeight:"var(--weight-medium)",color:"var(--text-secondary)",marginBottom:"var(--space-2)"},children:"Accent Color"}),(0,t.jsx)("div",{style:{display:"flex",flexWrap:"wrap",gap:"var(--space-2)",marginBottom:"var(--space-3)"},children:h.map(e=>{let a=ex.accentColor===e.value;return(0,t.jsx)("button",{onClick:()=>eh(e.value),"aria-label":e.label,title:e.label,style:{width:32,height:32,borderRadius:"50%",background:e.value,border:a?"2px solid var(--text-primary)":"2px solid transparent",outline:a?"2px solid ".concat(e.value):"none",outlineOffset:2,cursor:"pointer",transition:"all 100ms var(--ease-smooth)",display:"flex",alignItems:"center",justifyContent:"center"},children:a&&(0,t.jsx)(n.A,{size:14,color:"#fff",strokeWidth:3})},e.value)})}),(0,t.jsxs)("div",{style:{display:"flex",alignItems:"center",gap:"var(--space-3)"},children:[(0,t.jsxs)("label",{style:{display:"flex",alignItems:"center",gap:"var(--space-2)",fontSize:"var(--text-footnote)",color:"var(--text-secondary)",cursor:"pointer"},children:["Custom:",(0,t.jsx)("input",{type:"color",value:null!=(X=ex.accentColor)?X:"#3B82F6",onChange:e=>eh(e.target.value),style:{width:28,height:28,border:"none",borderRadius:"50%",cursor:"pointer",background:"none",padding:0}})]}),(0,t.jsx)("input",{type:"text",placeholder:"#3B82F6",value:eM,onChange:e=>{eD(e.target.value),/^#[0-9a-fA-F]{6}$/.test(e.target.value)&&eh(e.target.value)},className:"apple-input",style:{width:90,padding:"4px 8px",fontSize:"var(--text-caption1)",background:"var(--bg-secondary)",border:"1px solid var(--separator)",borderRadius:"var(--radius-sm)",color:"var(--text-primary)",fontFamily:"monospace"}}),ex.accentColor&&(0,t.jsxs)("button",{onClick:()=>eh(null),style:{fontSize:"var(--text-footnote)",color:"var(--system-blue)",background:"none",border:"none",cursor:"pointer",padding:0,display:"inline-flex",alignItems:"center",gap:4},children:[(0,t.jsx)(i,{size:12}),"Reset"]})]})]}),(0,t.jsx)(b,{title:"Branding",children:(0,t.jsxs)("div",{style:{display:"flex",flexDirection:"column",gap:"var(--space-3)"},children:[(0,t.jsxs)("div",{children:[(0,t.jsx)("label",{style:{display:"block",fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",marginBottom:"var(--space-1)"},children:"Portal Name"}),(0,t.jsx)("input",{type:"text",className:"apple-input",placeholder:"Jinn",value:ew,onChange:e=>ez(e.target.value),onBlur:()=>{eb(ew||null),x.F.completeOnboarding({portalName:ew||void 0}).catch(()=>{})},style:{width:"100%",background:"var(--bg-secondary)",border:"1px solid var(--separator)",borderRadius:"var(--radius-sm)",padding:"6px 10px",fontSize:"var(--text-footnote)",color:"var(--text-primary)"}})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("label",{style:{display:"block",fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",marginBottom:"var(--space-1)"},children:"Portal Subtitle"}),(0,t.jsx)("input",{type:"text",className:"apple-input",placeholder:"Command Centre",value:eB,onChange:e=>eR(e.target.value),onBlur:()=>em(eB||null),style:{width:"100%",background:"var(--bg-secondary)",border:"1px solid var(--separator)",borderRadius:"var(--radius-sm)",padding:"6px 10px",fontSize:"var(--text-footnote)",color:"var(--text-primary)"}})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("label",{style:{display:"block",fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",marginBottom:"var(--space-1)"},children:"Operator Name"}),(0,t.jsx)("input",{type:"text",className:"apple-input",placeholder:"Your Name",value:eE,onChange:e=>eW(e.target.value),onBlur:()=>{ef(eE||null),x.F.completeOnboarding({operatorName:eE||void 0}).catch(()=>{})},style:{width:"100%",background:"var(--bg-secondary)",border:"1px solid var(--separator)",borderRadius:"var(--radius-sm)",padding:"6px 10px",fontSize:"var(--text-footnote)",color:"var(--text-primary)"}})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("label",{style:{display:"block",fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",marginBottom:"var(--space-1)"},children:"Portal Emoji"}),(0,t.jsx)("input",{type:"text",className:"apple-input",placeholder:"\ud83e\udd16",value:eN,onChange:e=>eF(e.target.value),onBlur:()=>ey(eN||null),style:{width:80,textAlign:"center",fontSize:"var(--text-title2)",padding:"6px 8px",background:"var(--bg-secondary)",border:"1px solid var(--separator)",borderRadius:"var(--radius-sm)"}})]}),(0,t.jsxs)("div",{children:[(0,t.jsx)("label",{style:{display:"block",fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",marginBottom:"var(--space-1)"},children:"Language"}),(0,t.jsxs)("select",{value:eT,onChange:e=>eI(e.target.value),onBlur:()=>{ej(eT||"English"),x.F.completeOnboarding({language:eT||void 0}).catch(()=>{})},style:{width:"100%",background:"var(--bg-secondary)",border:"1px solid var(--separator)",borderRadius:"var(--radius-sm)",padding:"6px 10px",fontSize:"var(--text-footnote)",color:"var(--text-primary)",cursor:"pointer"},children:[(0,t.jsx)("option",{value:"English",children:"English"}),(0,t.jsx)("option",{value:"Spanish",children:"Spanish"}),(0,t.jsx)("option",{value:"French",children:"French"}),(0,t.jsx)("option",{value:"German",children:"German"}),(0,t.jsx)("option",{value:"Portuguese",children:"Portuguese"}),(0,t.jsx)("option",{value:"Italian",children:"Italian"}),(0,t.jsx)("option",{value:"Dutch",children:"Dutch"}),(0,t.jsx)("option",{value:"Russian",children:"Russian"}),(0,t.jsx)("option",{value:"Chinese",children:"Chinese"}),(0,t.jsx)("option",{value:"Japanese",children:"Japanese"}),(0,t.jsx)("option",{value:"Korean",children:"Korean"}),(0,t.jsx)("option",{value:"Arabic",children:"Arabic"}),(0,t.jsx)("option",{value:"Hindi",children:"Hindi"}),(0,t.jsx)("option",{value:"Bulgarian",children:"Bulgarian"})]})]})]})}),eq&&(0,t.jsx)("div",{style:{marginBottom:"var(--space-4)",padding:"var(--space-3) var(--space-4)",borderRadius:"var(--radius-md)",background:"success"===eq.type?"rgba(34,197,94,0.1)":"rgba(239,68,68,0.1)",border:"1px solid ".concat("success"===eq.type?"rgba(34,197,94,0.3)":"rgba(239,68,68,0.3)"),fontSize:"var(--text-footnote)",color:"success"===eq.type?"var(--system-green)":"var(--system-red)"},children:eq.message}),eL?(0,t.jsxs)("div",{style:{textAlign:"center",padding:"var(--space-8)",color:"var(--text-tertiary)",fontSize:"var(--text-footnote)"},children:[(0,t.jsx)(s,{size:20,style:{animation:"spin 1s linear infinite",margin:"0 auto var(--space-2)"}}),"Loading gateway config..."]}):eH?(0,t.jsxs)("div",{style:{marginBottom:"var(--space-6)",padding:"var(--space-3) var(--space-4)",borderRadius:"var(--radius-md)",background:"rgba(239,68,68,0.1)",border:"1px solid rgba(239,68,68,0.3)",fontSize:"var(--text-footnote)",color:"var(--system-red)"},children:["Failed to load config: ",eH]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(b,{title:"Gateway Configuration",children:[(0,t.jsx)(m,{label:"Port",children:(0,t.jsx)(f,{type:"number",value:String(null!=(Z=null==(e=eA.gateway)?void 0:e.port)?Z:""),onChange:e=>eY(["gateway","port"],Number(e)||0),placeholder:"7777"})}),(0,t.jsx)(m,{label:"Host",children:(0,t.jsx)(f,{value:null!=(ee=null==(a=eA.gateway)?void 0:a.host)?ee:"",onChange:e=>eY(["gateway","host"],e),placeholder:"127.0.0.1"})}),(0,t.jsx)(m,{label:"Default Engine",children:(0,t.jsx)(y,{value:null!=(ea=null==(l=eA.engines)?void 0:l.default)?ea:"claude",onChange:e=>eY(["engines","default"],e),options:[{value:"claude",label:"Claude"},{value:"codex",label:"Codex"}]})})]}),(0,t.jsxs)(b,{title:"Engine Configuration",children:[(0,t.jsx)("div",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",color:"var(--text-tertiary)",marginBottom:"var(--space-2)"},children:"Claude"}),(0,t.jsx)(m,{label:"Binary Path",children:(0,t.jsx)(f,{value:null!=(el=null==(k=eA.engines)||null==(o=k.claude)?void 0:o.bin)?el:"",onChange:e=>eY(["engines","claude","bin"],e),placeholder:"claude"})}),(0,t.jsx)(m,{label:"Model",children:(0,t.jsx)(y,{value:null!=(et=null==(S=eA.engines)||null==(C=S.claude)?void 0:C.model)?et:"opus",onChange:e=>eY(["engines","claude","model"],e),options:[{value:"opus",label:"Opus (claude-opus-4-6)"},{value:"sonnet",label:"Sonnet (claude-sonnet-4-6)"},{value:"haiku",label:"Haiku (claude-haiku-4-5)"}]})}),(0,t.jsx)(m,{label:"Effort Level",children:(0,t.jsx)(y,{value:null!=(er=null==(z=eA.engines)||null==(w=z.claude)?void 0:w.effortLevel)?er:"default",onChange:e=>eY(["engines","claude","effortLevel"],e),options:[{value:"default",label:"Default"},{value:"low",label:"Low"},{value:"medium",label:"Medium"},{value:"high",label:"High"}]})}),(0,t.jsx)("div",{style:{borderTop:"1px solid var(--separator)",marginTop:"var(--space-3)",paddingTop:"var(--space-3)"}}),(0,t.jsx)("div",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",color:"var(--text-tertiary)",marginBottom:"var(--space-2)"},children:"Codex"}),(0,t.jsx)(m,{label:"Binary Path",children:(0,t.jsx)(f,{value:null!=(en=null==(R=eA.engines)||null==(B=R.codex)?void 0:B.bin)?en:"",onChange:e=>eY(["engines","codex","bin"],e),placeholder:"codex"})}),(0,t.jsx)(m,{label:"Model",children:(0,t.jsx)(y,{value:null!=(eo=null==(W=eA.engines)||null==(E=W.codex)?void 0:E.model)?eo:"gpt-5.4",onChange:e=>eY(["engines","codex","model"],e),options:[{value:"gpt-5.4",label:"GPT-5.4"},{value:"gpt-5.3-codex",label:"GPT-5.3 Codex"},{value:"gpt-5.2-codex",label:"GPT-5.2 Codex"},{value:"gpt-5.2",label:"GPT-5.2"},{value:"gpt-5.1-codex-max",label:"GPT-5.1 Codex Max"},{value:"gpt-5.1-codex-mini",label:"GPT-5.1 Codex Mini"}]})}),(0,t.jsx)(m,{label:"Effort Level",children:(0,t.jsx)(y,{value:null!=(ei=null==(F=eA.engines)||null==(N=F.codex)?void 0:N.effortLevel)?ei:"default",onChange:e=>eY(["engines","codex","effortLevel"],e),options:[{value:"default",label:"Default"},{value:"low",label:"Low"},{value:"medium",label:"Medium"},{value:"high",label:"High"},{value:"xhigh",label:"Extra High"}]})})]}),(0,t.jsxs)(b,{title:"Connectors",children:[(0,t.jsx)("div",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",color:"var(--text-tertiary)",marginBottom:"var(--space-2)"},children:"Slack"}),(0,t.jsx)(m,{label:"App Token",children:(0,t.jsx)(f,{type:"password",value:null!=(es=null==(I=eA.connectors)||null==(T=I.slack)?void 0:T.appToken)?es:"",onChange:e=>eY(["connectors","slack","appToken"],e),placeholder:"xapp-..."})}),(0,t.jsx)(m,{label:"Bot Token",children:(0,t.jsx)(f,{type:"password",value:null!=(ed=null==(D=eA.connectors)||null==(M=D.slack)?void 0:M.botToken)?ed:"",onChange:e=>eY(["connectors","slack","botToken"],e),placeholder:"xoxb-..."})}),(0,t.jsx)("div",{style:{borderTop:"1px solid var(--separator)",marginTop:"var(--space-3)",paddingTop:"var(--space-3)"}}),(0,t.jsx)("div",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",color:"var(--text-tertiary)",marginBottom:"var(--space-2)"},children:"Web UI"}),(0,t.jsx)("div",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)"},children:"Web conversations use queued one-shot resume flow for both engines."})]}),(0,t.jsxs)(b,{title:"Cron",children:[(0,t.jsx)("div",{style:{fontSize:"var(--text-caption1)",fontWeight:"var(--weight-semibold)",color:"var(--text-tertiary)",marginBottom:"var(--space-2)"},children:"Default Delivery"}),(0,t.jsx)("div",{style:{fontSize:"var(--text-caption2)",color:"var(--text-tertiary)",marginBottom:"var(--space-3)"},children:"When a cron job has no delivery configured, results will be sent here."}),(0,t.jsx)(m,{label:"Connector",children:(0,t.jsx)(y,{value:null!=(ec=null==(P=eA.cron)||null==(A=P.defaultDelivery)?void 0:A.connector)?ec:"",onChange:e=>eY(["cron","defaultDelivery","connector"],e||void 0),options:[{value:"",label:"None (fire & forget)"},{value:"web",label:"Web"},{value:"slack",label:"Slack"}]})}),(null==(G=eA.cron)||null==(L=G.defaultDelivery)?void 0:L.connector)&&(0,t.jsx)(m,{label:"Channel",children:(0,t.jsx)(f,{value:null!=(eu=null==(O=eA.cron)||null==(H=O.defaultDelivery)?void 0:H.channel)?eu:"",onChange:e=>eY(["cron","defaultDelivery","channel"],e),placeholder:"#general"})})]}),(0,t.jsxs)(b,{title:"Logging",children:[(0,t.jsx)(m,{label:"Level",children:(0,t.jsx)(y,{value:null!=(ev=null==(_=eA.logging)?void 0:_.level)?ev:"info",onChange:e=>eY(["logging","level"],e),options:[{value:"debug",label:"Debug"},{value:"info",label:"Info"},{value:"warn",label:"Warn"},{value:"error",label:"Error"}]})}),(0,t.jsx)(m,{label:"Stdout",children:(0,t.jsx)(j,{checked:null==(ep=null==(V=eA.logging)?void 0:V.stdout)||ep,onChange:e=>eY(["logging","stdout"],e)})}),(0,t.jsx)(m,{label:"File Logging",children:(0,t.jsx)(j,{checked:null!=(eg=null==(q=eA.logging)?void 0:q.file)&&eg,onChange:e=>eY(["logging","file"],e)})})]}),(0,t.jsxs)("div",{style:{display:"flex",justifyContent:"flex-end",gap:"var(--space-3)",marginBottom:"var(--space-6)"},children:[(0,t.jsxs)("button",{onClick:()=>eK(),style:{padding:"var(--space-2) var(--space-4)",borderRadius:"var(--radius-md)",background:"var(--fill-tertiary)",color:"var(--text-secondary)",border:"none",cursor:"pointer",fontSize:"var(--text-footnote)",fontWeight:"var(--weight-medium)",display:"inline-flex",alignItems:"center",gap:6},children:[(0,t.jsx)(i,{size:14}),"Reload"]}),(0,t.jsxs)("button",{onClick:function(){eV(!0),eJ(null),x.F.updateConfig(eA).then(()=>eJ({type:"success",message:"Settings saved successfully"})).catch(e=>eJ({type:"error",message:"Failed to save: ".concat(e.message)})).finally(()=>eV(!1))},disabled:e_,style:{padding:"var(--space-2) var(--space-5)",borderRadius:"var(--radius-md)",background:"var(--accent)",color:"var(--accent-contrast)",border:"none",cursor:e_?"wait":"pointer",fontSize:"var(--text-footnote)",fontWeight:"var(--weight-semibold)",display:"inline-flex",alignItems:"center",gap:6,opacity:e_?.7:1,transition:"all 150ms var(--ease-smooth)"},children:[(0,t.jsx)(d,{size:14}),e_?"Saving...":"Save Config"]})]})]}),(0,t.jsx)(b,{title:"Reset",children:(0,t.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",gap:"var(--space-3)",flexWrap:"wrap"},children:[(0,t.jsxs)("button",{onClick:()=>{localStorage.removeItem("jinn-onboarded"),window.location.reload()},style:{padding:"var(--space-2) var(--space-5)",borderRadius:"var(--radius-md)",background:"var(--accent)",color:"var(--accent-contrast)",border:"none",cursor:"pointer",fontSize:"var(--text-footnote)",fontWeight:"var(--weight-semibold)",transition:"all 150ms var(--ease-spring)",display:"inline-flex",alignItems:"center",gap:"var(--space-2)"},children:[(0,t.jsx)(i,{size:14}),"Re-run Onboarding Wizard"]}),(0,t.jsxs)("button",{onClick:()=>{window.confirm("Reset all settings to defaults?")&&(localStorage.removeItem("jinn-settings"),localStorage.removeItem("jinn-theme"),ek(),window.location.reload())},style:{padding:"var(--space-2) var(--space-5)",borderRadius:"var(--radius-md)",background:"var(--system-red)",color:"#fff",border:"none",cursor:"pointer",fontSize:"var(--text-footnote)",fontWeight:"var(--weight-semibold)",transition:"all 150ms var(--ease-spring)",display:"inline-flex",alignItems:"center",gap:"var(--space-2)"},children:[(0,t.jsx)(c,{size:14}),"Reset All Settings"]})]})})]})})})}}},e=>{e.O(0,[704,73,814,743,358],()=>e(e.s=7649)),_N_E=e.O()}]);

package/dist/web/_next/static/chunks/app/skills/page-df9465e314561bb5.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[501],{1240:(e,t,a)=>{"use strict";a.d(t,{lG:()=>l,Cf:()=>c,rr:()=>x,c7:()=>p,L3:()=>m});var r=a(8111);a(5271);var n=a(1061),s=a(6573),o=a(1397);function l(e){let{...t}=e;return(0,r.jsx)(s.bL,{"data-slot":"dialog",...t})}function i(e){let{...t}=e;return(0,r.jsx)(s.ZL,{"data-slot":"dialog-portal",...t})}function d(e){let{className:t,...a}=e;return(0,r.jsx)(s.hJ,{"data-slot":"dialog-overlay",className:(0,o.cn)("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",t),...a})}function c(e){let{className:t,children:a,showCloseButton:l=!0,...c}=e;return(0,r.jsxs)(i,{"data-slot":"dialog-portal",children:[(0,r.jsx)(d,{}),(0,r.jsxs)(s.UC,{"data-slot":"dialog-content",className:(0,o.cn)("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg",t),...c,children:[a,l&&(0,r.jsxs)(s.bm,{"data-slot":"dialog-close",className:"ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",children:[(0,r.jsx)(n.A,{}),(0,r.jsx)("span",{className:"sr-only",children:"Close"})]})]})]})}function p(e){let{className:t,...a}=e;return(0,r.jsx)("div",{"data-slot":"dialog-header",className:(0,o.cn)("flex flex-col gap-2 text-center sm:text-left",t),...a})}function m(e){let{className:t,...a}=e;return(0,r.jsx)(s.hE,{"data-slot":"dialog-title",className:(0,o.cn)("text-lg leading-none font-semibold",t),...a})}function x(e){let{className:t,...a}=e;return(0,r.jsx)(s.VY,{"data-slot":"dialog-description",className:(0,o.cn)("text-muted-foreground text-sm",t),...a})}(0,a(3916).F)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--system-blue)]",{variants:{variant:{default:"bg-[var(--accent)] text-black font-semibold btn-scale hover:shadow-[0_0_24px_var(--accent-fill)]",destructive:"bg-[var(--system-red)] text-white btn-scale",outline:"border border-[var(--separator)] bg-transparent shadow-[var(--shadow-subtle)] hover:bg-[var(--fill-secondary)] hover:text-[var(--text-primary)]",secondary:"bg-[var(--accent-fill)] text-[var(--accent)] font-semibold btn-scale",ghost:"bg-transparent text-[var(--text-secondary)] hover:bg-[var(--fill-secondary)] hover:text-[var(--text-primary)]",link:"text-[var(--system-blue)] underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 text-sm has-[>svg]:px-3",xs:"h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",sm:"h-8 rounded-md gap-1.5 px-3 text-sm has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 text-base has-[>svg]:px-4",icon:"size-9","icon-xs":"size-6 rounded-md [&_svg:not([class*='size-'])]:size-3","icon-sm":"size-8","icon-lg":"size-10"}},defaultVariants:{variant:"default",size:"default"}})},1397:(e,t,a)=>{"use strict";a.d(t,{cn:()=>s});var r=a(5242),n=a(3065);function s(){for(var e=arguments.length,t=Array(e),a=0;a<e;a++)t[a]=arguments[a];return(0,n.QP)((0,r.$)(t))}},2496:(e,t,a)=>{Promise.resolve().then(a.bind(a,3209))},3209:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>v});var r=a(8111),n=a(5271),s=a(3176);let o={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;"},l=/[&<>"']/g,i=[{name:"h4",pattern:/^#### (.+)$/gm,replacement:'<h4 class="text-[15px] font-semibold" style="color:var(--text-primary);margin-top:1rem;margin-bottom:0.25rem">$1</h4>'},{name:"h3",pattern:/^### (.+)$/gm,replacement:'<h3 class="text-[17px] font-semibold" style="color:var(--text-primary);margin-top:1.25rem;margin-bottom:0.375rem">$1</h3>'},{name:"h2",pattern:/^## (.+)$/gm,replacement:'<h2 class="text-[22px] font-semibold" style="color:var(--text-primary);margin-top:1.5rem;margin-bottom:0.5rem;padding-bottom:0.25rem;border-bottom:1px solid var(--separator)">$1</h2>'},{name:"h1",pattern:/^# (.+)$/gm,replacement:'<h1 class="text-[28px] font-bold" style="color:var(--text-primary);margin-top:1rem;margin-bottom:0.75rem">$1</h1>'},{name:"bold",pattern:/\*\*(.+?)\*\*/g,replacement:'<strong class="font-semibold" style="color:var(--text-primary)">$1</strong>'},{name:"inline-code",pattern:/`([^`]+)`/g,replacement:'<code style="background:var(--fill-secondary);color:var(--accent);padding:2px 6px;border-radius:6px;font-size:13px;font-family:var(--font-mono)">$1</code>'},{name:"unordered-list",pattern:/^- (.+)$/gm,replacement:'<li class="ml-4 text-[15px] leading-[1.7] list-disc" style="color:var(--text-secondary)">$1</li>'},{name:"ordered-list",pattern:/^(\d+)\. (.+)$/gm,replacement:'<li class="ml-4 text-[15px] leading-[1.7] list-decimal" style="color:var(--text-secondary)">$2</li>'},{name:"paragraph-break",pattern:/\n{2,}/g,replacement:'</p><p class="mb-3" style="color:var(--text-secondary)">'},{name:"line-break",pattern:/\n/g,replacement:"<br/>"}];var d=a(3073),c=a(9772),p=a(1240),m=a(9026),x=a(2755);function v(){var e,t;let{settings:a}=(0,x.t0)(),v=null!=(e=a.portalName)?e:"Jinn",[u,g]=(0,n.useState)([]),[h,f]=(0,n.useState)(!0),[b,y]=(0,n.useState)(null),[j,k]=(0,n.useState)(null),[w,z]=(0,n.useState)(null),[S,N]=(0,n.useState)(!1),[_,C]=(0,n.useState)(!1);return(0,n.useEffect)(()=>{s.F.getSkills().then(e=>g(e)).catch(e=>y(e.message)).finally(()=>f(!1))},[]),(0,r.jsx)(d.M,{children:(0,r.jsxs)("div",{style:{height:"100%",overflowY:"auto",padding:"var(--space-6)"},children:[(0,r.jsxs)("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",marginBottom:"var(--space-6)"},children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{style:{fontSize:"var(--text-title2)",fontWeight:"var(--weight-bold)",color:"var(--text-primary)",marginBottom:"var(--space-1)"},children:"Skills"}),(0,r.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-tertiary)"},children:"Capabilities and learned behaviors"})]}),(0,r.jsx)("button",{onClick:()=>alert("To create a new skill, chat with ".concat(v," and ask to learn something new.")),style:{padding:"var(--space-2) var(--space-4)",borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--accent) 12%, transparent)",color:"var(--accent)",border:"none",cursor:"pointer",fontSize:"var(--text-body)",fontWeight:"var(--weight-medium)"},children:"+ Create Skill"})]}),b&&(0,r.jsxs)("div",{style:{marginBottom:"var(--space-4)",borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-red) 10%, transparent)",border:"1px solid color-mix(in srgb, var(--system-red) 30%, transparent)",padding:"var(--space-3) var(--space-4)",fontSize:"var(--text-body)",color:"var(--system-red)"},children:["Failed to load skills: ",b]}),h?(0,r.jsx)("div",{style:{textAlign:"center",padding:"var(--space-8)",color:"var(--text-tertiary)",fontSize:"var(--text-body)"},children:"Loading..."}):0!==u.length||b?(0,r.jsx)("div",{style:{display:"grid",gridTemplateColumns:"repeat(auto-fill, minmax(220px, 1fr))",gap:"var(--space-4)"},children:u.map(e=>(0,r.jsx)(c.Zp,{className:"py-4 cursor-pointer transition-colors hover:border-[var(--accent)]",onClick:()=>{k(e),C(!0),N(!0),s.F.getSkill(e.name).then(e=>{z(e.content||e.skillMd||JSON.stringify(e,null,2))}).catch(()=>z("Failed to load skill content")).finally(()=>N(!1))},style:{cursor:"pointer"},children:(0,r.jsxs)(c.Wu,{className:"flex flex-col gap-3",children:[(0,r.jsx)("div",{style:{width:40,height:40,borderRadius:"var(--radius-md, 12px)",background:"color-mix(in srgb, var(--system-yellow) 12%, transparent)",display:"flex",alignItems:"center",justifyContent:"center",color:"var(--system-yellow)"},children:(0,r.jsx)(m.A,{size:20})}),(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{style:{fontSize:"var(--text-body)",fontWeight:"var(--weight-semibold)",color:"var(--text-primary)",marginBottom:2},children:e.name}),(0,r.jsx)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-tertiary)",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:e.description||"No description"})]})]})},e.name))}):(0,r.jsx)(c.Zp,{children:(0,r.jsx)(c.Wu,{children:(0,r.jsxs)("div",{style:{textAlign:"center",padding:"var(--space-6)"},children:[(0,r.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-tertiary)"},children:"No skills yet"}),(0,r.jsxs)("p",{style:{fontSize:"var(--text-caption1)",color:"var(--text-quaternary)",marginTop:"var(--space-1)"},children:["Chat with ",v," to teach new skills"]})]})})}),(0,r.jsx)(p.lG,{open:_,onOpenChange:e=>!e&&void(C(!1),k(null),z(null)),children:(0,r.jsxs)(p.Cf,{className:"sm:max-w-2xl max-h-[80vh] flex flex-col",children:[(0,r.jsxs)(p.c7,{children:[(0,r.jsx)(p.L3,{children:null!=(t=null==j?void 0:j.name)?t:"Skill"}),(0,r.jsx)(p.rr,{children:(null==j?void 0:j.description)||"Skill details"})]}),(0,r.jsx)("div",{style:{flex:1,overflowY:"auto",padding:"var(--space-2) 0"},children:S?(0,r.jsx)("p",{style:{fontSize:"var(--text-body)",color:"var(--text-tertiary)"},children:"Loading..."}):w?(0,r.jsx)("div",{style:{fontSize:"var(--text-body)",lineHeight:1.7,color:"var(--text-secondary)"},dangerouslySetInnerHTML:{__html:function(e,t){let a=e.replace(l,e=>o[e]);for(let e of i)a=a.replace(e.pattern,e.replacement);return a}(w)}}):null})]})})]})})}},9772:(e,t,a)=>{"use strict";a.d(t,{Wu:()=>i,ZB:()=>l,Zp:()=>s,aR:()=>o});var r=a(8111);a(5271);var n=a(1397);function s(e){let{className:t,...a}=e;return(0,r.jsx)("div",{"data-slot":"card",className:(0,n.cn)("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",t),...a})}function o(e){let{className:t,...a}=e;return(0,r.jsx)("div",{"data-slot":"card-header",className:(0,n.cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",t),...a})}function l(e){let{className:t,...a}=e;return(0,r.jsx)("div",{"data-slot":"card-title",className:(0,n.cn)("leading-none font-semibold",t),...a})}function i(e){let{className:t,...a}=e;return(0,r.jsx)("div",{"data-slot":"card-content",className:(0,n.cn)("px-6",t),...a})}}},e=>{e.O(0,[704,590,198,573,73,814,743,358],()=>e(e.s=2496)),_N_E=e.O()}]);