rivet-design 0.19.1 → 0.20.0

package/dist/utils/skills/codex-skill.d.ts

@@ -1,3 +1,3 @@
 export declare const CODEX_SKILL_MARKER = "[//]: # (managed-by: rivet install codex)";
-export declare const CODEX_SKILL_CONTENT = "---\nname: rivet\ndescription: Open the Rivet visual editor for the current project when the user asks to open Rivet or invokes $rivet.\n---\n\n[//]: # (managed-by: rivet install codex)\n\n# Open Rivet\n\nOpen the current project immediately when the user invokes `$rivet` without another request. Use the current project directory unless the user specifies a different one.\n\nRun the installed CLI as a standalone shell command:\n\n```sh\nrivet open --project \"<absolute project path>\" --caller-agent codex --caller-model \"<your actual model>\"\n```\n\nReplace the placeholders with the actual path and model. Include `--caller-session` when the current session ID is available. If another host invokes this skill, use its actual caller agent instead of codex.\n\nIn the local ChatGPT desktop app, when Codex has an in-app browser that can reach localhost, add `--no-browser` to the command above (`rivet open --no-browser` with the same project and caller flags). Open the returned `data.editorUrl` in the in-app browser using the available browser tool. Use the actual returned URL, including its fragment; do not construct one from a port. If no usable in-app browser is available, run `rivet open` without `--no-browser` so the system browser opens. If the conversation identifies an already-running app server, attach with `--user-port <port>`.\n\nRead the returned JSON envelope. On success, share `data.editorUrl`; if browser navigation or launch failed, tell the user to open that link manually. On failure, explain the reported error and address its cause before retrying. If sign-in is required, use Rivet's available login tool or ask the user to run `rivet login` in their own terminal.\n\nOpening Rivet alone does not request variant generation. If the user also asks for design work, open Rivet first and then follow their request using the installed Rivet CLI guidance.\n";
+export declare const CODEX_SKILL_CONTENT = "---\nname: rivet\ndescription: Open Rivet for the current project when asked or invoked as $rivet.\n---\n\n[//]: # (managed-by: rivet install codex)\n\n# Open Rivet\n\nOpen the current project when the user invokes `$rivet` alone. Use the current directory unless they specify another project.\n\nBefore the first Rivet command in this conversation, run `rivet version status` with the caller flags below. Report installed and published versions; if an update is available, run `rivet update` and report whether it caught up. Report check or update failures, then continue if the installed CLI works.\n\nRun the installed CLI as a standalone shell command:\n\n```sh\nrivet open --project \"<absolute project path>\" --caller-agent codex --caller-model \"<your actual model>\"\n```\n\nReplace the placeholders with the actual path and model. Include `--caller-session` when the current session ID is available. If another host invokes this skill, use its actual caller agent instead of codex.\n\nIn the local ChatGPT desktop app, run `rivet open --no-browser` with the project and caller flags when its in-app browser reaches localhost, then open the returned `data.editorUrl` (including its fragment) with the browser tool. Otherwise run `rivet open` without `--no-browser` to launch the system browser. To switch browsers later, open the existing URL in the requested browser without rerunning `rivet open`; clarify ambiguous terms such as \"native\". Attach to an already-running app with `--user-port <port>`.\n\nRead the returned JSON envelope. On success, share `data.editorUrl`; if browser navigation or launch failed, tell the user to open that link manually. On failure, explain the reported error and address its cause before retrying. If sign-in is required, use Rivet's available login tool or ask the user to run `rivet login` in their own terminal.\n\nOpening Rivet alone does not request variant generation. If the user also asks for design work, open Rivet first and then follow their request using the installed Rivet CLI guidance.\n";
 //# sourceMappingURL=codex-skill.d.ts.map

package/dist/utils/skills/codex-skill.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"codex-skill.d.ts","sourceRoot":"","sources":["../../../src/utils/skills/codex-skill.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,8CAA8C,CAAC;AAE9E,eAAO,MAAM,mBAAmB,w2DAwB/B,CAAC"}
+{"version":3,"file":"codex-skill.d.ts","sourceRoot":"","sources":["../../../src/utils/skills/codex-skill.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,8CAA8C,CAAC;AAE9E,eAAO,MAAM,mBAAmB,sgEA0B/B,CAAC"}

package/dist/utils/skills/codex-skill.js

@@ -4,14 +4,16 @@ exports.CODEX_SKILL_CONTENT = exports.CODEX_SKILL_MARKER = void 0;
 exports.CODEX_SKILL_MARKER = '[//]: # (managed-by: rivet install codex)';
 exports.CODEX_SKILL_CONTENT = `---
 name: rivet
-description: Open the Rivet visual editor for the current project when the user asks to open Rivet or invokes $rivet.
+description: Open Rivet for the current project when asked or invoked as $rivet.
 ---
 
 ${exports.CODEX_SKILL_MARKER}
 
 # Open Rivet
 
-Open the current project immediately when the user invokes \`$rivet\` without another request. Use the current project directory unless the user specifies a different one.
+Open the current project when the user invokes \`$rivet\` alone. Use the current directory unless they specify another project.
+
+Before the first Rivet command in this conversation, run \`rivet version status\` with the caller flags below. Report installed and published versions; if an update is available, run \`rivet update\` and report whether it caught up. Report check or update failures, then continue if the installed CLI works.
 
 Run the installed CLI as a standalone shell command:
 
@@ -21,7 +23,7 @@ rivet open --project "<absolute project path>" --caller-agent codex --caller-mod
 
 Replace the placeholders with the actual path and model. Include \`--caller-session\` when the current session ID is available. If another host invokes this skill, use its actual caller agent instead of codex.
 
-In the local ChatGPT desktop app, when Codex has an in-app browser that can reach localhost, add \`--no-browser\` to the command above (\`rivet open --no-browser\` with the same project and caller flags). Open the returned \`data.editorUrl\` in the in-app browser using the available browser tool. Use the actual returned URL, including its fragment; do not construct one from a port. If no usable in-app browser is available, run \`rivet open\` without \`--no-browser\` so the system browser opens. If the conversation identifies an already-running app server, attach with \`--user-port <port>\`.
+In the local ChatGPT desktop app, run \`rivet open --no-browser\` with the project and caller flags when its in-app browser reaches localhost, then open the returned \`data.editorUrl\` (including its fragment) with the browser tool. Otherwise run \`rivet open\` without \`--no-browser\` to launch the system browser. To switch browsers later, open the existing URL in the requested browser without rerunning \`rivet open\`; clarify ambiguous terms such as "native". Attach to an already-running app with \`--user-port <port>\`.
 
 Read the returned JSON envelope. On success, share \`data.editorUrl\`; if browser navigation or launch failed, tell the user to open that link manually. On failure, explain the reported error and address its cause before retrying. If sign-in is required, use Rivet's available login tool or ask the user to run \`rivet login\` in their own terminal.
 

package/dist/utils/skills/codex-skill.js.map

@@ -1 +1 @@
-{"version":3,"file":"codex-skill.js","sourceRoot":"","sources":["../../../src/utils/skills/codex-skill.ts"],"names":[],"mappings":";;;AAAa,QAAA,kBAAkB,GAAG,2CAA2C,CAAC;AAEjE,QAAA,mBAAmB,GAAG;;;;;EAKjC,0BAAkB;;;;;;;;;;;;;;;;;;;CAmBnB,CAAC"}
+{"version":3,"file":"codex-skill.js","sourceRoot":"","sources":["../../../src/utils/skills/codex-skill.ts"],"names":[],"mappings":";;;AAAa,QAAA,kBAAkB,GAAG,2CAA2C,CAAC;AAEjE,QAAA,mBAAmB,GAAG;;;;;EAKjC,0BAAkB;;;;;;;;;;;;;;;;;;;;;CAqBnB,CAAC"}

package/dist/utils/skills/cursor-rules.d.ts

@@ -1,4 +1,4 @@
-export declare const CURSOR_RULES_VERSION = 53;
+export declare const CURSOR_RULES_VERSION = 55;
 export declare const CURSOR_RULES_FILENAME = "rivet.mdc";
 export declare const CURSOR_RULES_CONTENT: string;
 //# sourceMappingURL=cursor-rules.d.ts.map

package/dist/utils/skills/cursor-rules.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CURSOR_RULES_CONTENT = exports.CURSOR_RULES_FILENAME = exports.CURSOR_RULES_VERSION = void 0;
 const cli_guidance_1 = require("./cli-guidance");
-exports.CURSOR_RULES_VERSION = 53;
+exports.CURSOR_RULES_VERSION = 55;
 exports.CURSOR_RULES_FILENAME = 'rivet.mdc';
 const CURSOR_RULES_VERSION_MARKER = `rivet-rules-version: ${exports.CURSOR_RULES_VERSION}`;
 exports.CURSOR_RULES_CONTENT = `---

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rivet-design",
-  "version": "0.19.1",
+  "version": "0.20.0",
   "description": "Local visual web development tool with AI-powered code modification",
   "main": "dist/index.js",
   "workspaces": [

package/src/ui/dist/assets/LibraryEntry-Db0yQPRU.js

@@ -0,0 +1,36 @@
+var Be=s=>{throw TypeError(s)};var Ee=(s,t,r)=>t.has(s)||Be("Cannot "+r);var d=(s,t,r)=>(Ee(s,t,"read from private field"),r?r.call(s):t.get(s)),z=(s,t,r)=>t.has(s)?Be("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(s):t.set(s,r),T=(s,t,r,i)=>(Ee(s,t,"write to private field"),i?i.call(s,r):t.set(s,r),r),D=(s,t,r)=>(Ee(s,t,"access private method"),r);import{S as ot,s as lt,h as Ve,g as Ut,n as be,r as Ht,Q as ct,u as _e,a as Kt,b as Qt,c as h,e as Bt,d as Vt,f as Gt,i as dt,j as Ge,k as Yt,l as Wt,m as Jt,o as de,p as pe,q as Xt,t as e,B as J,v as Pe,R as Zt,T as es,P as ts,C as ss,w as rs,X as ut,D as ht,x as mt,y as pt,z as xt,A as ft,E as bt,F as gt,G as is,H as as,I as ns,J as os,K as oe,L as Se,M as ls,N as yt,O as re,U as Y,V as x,W as se,Y as H,Z as vt,_ as cs,$ as ds,a0 as us,a1 as hs,a2 as ms,a3 as ps,a4 as xs,a5 as fs,a6 as B,a7 as bs,a8 as gs,a9 as Ye,aa as ys,ab as vs,ac as ws,ad as js,ae as Ns,af as ks,ag as Ss,ah as _s,ai as Is,aj as Rs}from"./main-BAQFukSb.js";var ie,ne,U,ae,te,xe,Oe,at,Cs=(at=class extends ot{constructor(t,r){super();z(this,te);z(this,ie);z(this,ne);z(this,U);z(this,ae);T(this,ie,t),this.setOptions(r),this.bindMethods(),D(this,te,xe).call(this)}bindMethods(){this.mutate=this.mutate.bind(this),this.reset=this.reset.bind(this)}setOptions(t){var i;const r=this.options;this.options=d(this,ie).defaultMutationOptions(t),lt(this.options,r)||d(this,ie).getMutationCache().notify({type:"observerOptionsUpdated",mutation:d(this,U),observer:this}),r!=null&&r.mutationKey&&this.options.mutationKey&&Ve(r.mutationKey)!==Ve(this.options.mutationKey)?this.reset():((i=d(this,U))==null?void 0:i.state.status)==="pending"&&d(this,U).setOptions(this.options)}onSubscribe(){this.listeners.size===1&&d(this,U)&&(d(this,U).addObserver(this),D(this,te,xe).call(this))}onUnsubscribe(){var t;this.hasListeners()||(t=d(this,U))==null||t.removeObserver(this)}onMutationUpdate(t){D(this,te,xe).call(this),D(this,te,Oe).call(this,t)}getCurrentResult(){return d(this,ne)}reset(){var t;(t=d(this,U))==null||t.removeObserver(this),T(this,U,void 0),D(this,te,xe).call(this),D(this,te,Oe).call(this)}mutate(t,r){var i;return T(this,ae,r),(i=d(this,U))==null||i.removeObserver(this),T(this,U,d(this,ie).getMutationCache().build(d(this,ie),this.options)),d(this,U).addObserver(this),d(this,U).execute(t)}},ie=new WeakMap,ne=new WeakMap,U=new WeakMap,ae=new WeakMap,te=new WeakSet,xe=function(){var r;const t=((r=d(this,U))==null?void 0:r.state)??Ut();T(this,ne,{...t,isPending:t.status==="pending",isSuccess:t.status==="success",isError:t.status==="error",isIdle:t.status==="idle",mutate:this.mutate,reset:this.reset})},Oe=function(t){be.batch(()=>{var r,i,n,o,a,c,p,v;if(d(this,ae)&&this.hasListeners()){const g=d(this,ne).variables,m=d(this,ne).context,N={client:d(this,ie),meta:this.options.meta,mutationKey:this.options.mutationKey};if((t==null?void 0:t.type)==="success"){try{(i=(r=d(this,ae)).onSuccess)==null||i.call(r,t.data,g,m,N)}catch(f){Promise.reject(f)}try{(o=(n=d(this,ae)).onSettled)==null||o.call(n,t.data,null,g,m,N)}catch(f){Promise.reject(f)}}else if((t==null?void 0:t.type)==="error"){try{(c=(a=d(this,ae)).onError)==null||c.call(a,t.error,g,m,N)}catch(f){Promise.reject(f)}try{(v=(p=d(this,ae)).onSettled)==null||v.call(p,void 0,t.error,g,m,N)}catch(f){Promise.reject(f)}}}this.listeners.forEach(g=>{g(d(this,ne))})})},at);function We(s,t){const r=new Set(t);return s.filter(i=>!r.has(i))}var he,Q,me,le,G,ce,ye,ve,we,je,L,Te,Le,wt,Ae,Me,De,nt,Es=(nt=class extends ot{constructor(t,r,i){super();z(this,L);z(this,he);z(this,Q);z(this,me);z(this,le);z(this,G);z(this,ce);z(this,ye);z(this,ve);z(this,we);z(this,je,[]);T(this,he,t),T(this,le,i),T(this,me,[]),T(this,G,[]),T(this,Q,[]),this.setQueries(r)}onSubscribe(){this.listeners.size===1&&d(this,G).forEach(t=>{t.subscribe(r=>{D(this,L,Me).call(this,t,r)})})}onUnsubscribe(){this.listeners.size||this.destroy()}destroy(){this.listeners=new Set,d(this,G).forEach(t=>{t.destroy()})}setQueries(t,r){T(this,me,t),T(this,le,r),be.batch(()=>{const i=d(this,G),n=D(this,L,Ae).call(this,d(this,me));n.forEach(m=>m.observer.setOptions(m.defaultedQueryOptions));const o=n.map(m=>m.observer),a=o.map(m=>m.getCurrentResult()),c=i.length!==o.length,p=o.some((m,N)=>m!==i[N]),v=c||p,g=v?!0:a.some((m,N)=>{const f=d(this,Q)[N];return!f||!lt(m,f)});!v&&!g||(v&&(T(this,je,n),T(this,G,o)),T(this,Q,a),this.hasListeners()&&(v&&(We(i,o).forEach(m=>{m.destroy()}),We(o,i).forEach(m=>{m.subscribe(N=>{D(this,L,Me).call(this,m,N)})})),D(this,L,De).call(this)))})}getCurrentResult(){return d(this,Q)}getQueries(){return d(this,G).map(t=>t.getCurrentQuery())}getObservers(){return d(this,G)}getOptimisticResult(t,r){const i=D(this,L,Ae).call(this,t),n=i.map(a=>a.observer.getOptimisticResult(a.defaultedQueryOptions)),o=i.map(a=>a.defaultedQueryOptions.queryHash);return[n,a=>D(this,L,Le).call(this,a??n,r,o),()=>D(this,L,Te).call(this,n,i)]}},he=new WeakMap,Q=new WeakMap,me=new WeakMap,le=new WeakMap,G=new WeakMap,ce=new WeakMap,ye=new WeakMap,ve=new WeakMap,we=new WeakMap,je=new WeakMap,L=new WeakSet,Te=function(t,r){const i=new Set;return r.map((n,o)=>{const a=t[o];return n.defaultedQueryOptions.notifyOnChangeProps?a:n.observer.trackResult(a,c=>{i.has(c)||(i.add(c),r.forEach(p=>{p.observer.trackProp(c)}))})})},Le=function(t,r,i){if(r){const n=d(this,we),o=i!==void 0&&n!==void 0&&(n.length!==i.length||i.some((a,c)=>a!==n[c]));return(d(this,Q)!==d(this,ve)||o||r!==d(this,ye))&&(T(this,ye,r),T(this,ve,d(this,Q)),i!==void 0&&T(this,we,i),T(this,ce,Ht(d(this,ce),r(t)))),d(this,ce)}return t},wt=function(){var t;return!((t=d(this,le))!=null&&t.combine)||d(this,G).some((r,i)=>{var n;return r.options.suspense&&((n=d(this,Q)[i])==null?void 0:n.data)===void 0})},Ae=function(t){const r=new Map;d(this,G).forEach(n=>{const o=n.options.queryHash;if(!o)return;const a=r.get(o);a?a.push(n):r.set(o,[n])});const i=[];return t.forEach(n=>{var c;const o=d(this,he).defaultQueryOptions(n),a=((c=r.get(o.queryHash))==null?void 0:c.shift())??new ct(d(this,he),o);i.push({defaultedQueryOptions:o,observer:a})}),i},Me=function(t,r){const i=d(this,G).indexOf(t);i!==-1&&(T(this,Q,d(this,Q).slice()),d(this,Q)[i]=r,D(this,L,De).call(this))},De=function(){var t;if(this.hasListeners()){const r=D(this,L,wt).call(this),i=d(this,ce),n=r?i:D(this,L,Le).call(this,D(this,L,Te).call(this,d(this,Q),d(this,je)),(t=d(this,le))==null?void 0:t.combine);(r||i!==n)&&be.batch(()=>{this.listeners.forEach(o=>{o(d(this,Q))})})}},nt);function Ps({queries:s,...t},r){const i=_e(),n=Kt(),o=Qt(),a=t.subscribed!==!1,c=h.useMemo(()=>s.map(S=>{const y=i.defaultQueryOptions(S);return y._optimisticResults=n?"isRestoring":a?"optimistic":void 0,y}),[s,i,n,a]);c.forEach(S=>{Bt(S);const y=i.getQueryCache().get(S.queryHash);Vt(S,o,y)}),Gt(o);const[p]=h.useState(()=>new Es(i,c,t)),[v,g,m]=p.getOptimisticResult(c,t.combine),N=!n&&a;h.useSyncExternalStore(h.useCallback(S=>N?p.subscribe(be.batchCalls(S)):dt,[p,N]),()=>p.getCurrentResult(),()=>p.getCurrentResult()),h.useEffect(()=>{p.setQueries(c,t)},[c,t,p]);const f=v.some((S,y)=>Ge(c[y],S))?v.flatMap((S,y)=>{const k=c[y];if(k&&Ge(k,S)){const $=new ct(i,k);return Yt(k,$,o)}return[]}):[];if(f.length>0)throw Promise.all(f);const R=v.find((S,y)=>{const k=c[y];return k&&Wt({result:S,errorResetBoundary:o,throwOnError:k.throwOnError,query:i.getQueryCache().get(k.queryHash),suspense:k.suspense})});if(R)throw R.error;return g(m())}function fe(s,t){const r=_e(),[i]=h.useState(()=>new Cs(r,s));h.useEffect(()=>{i.setOptions(s)},[i,s]);const n=h.useSyncExternalStore(h.useCallback(a=>i.subscribe(be.batchCalls(a)),[i]),()=>i.getCurrentResult(),()=>i.getCurrentResult()),o=h.useCallback((...a)=>{i.mutate(a[0],a[1]).catch(dt)},[i]);if(n.error&&Jt(i.options.throwOnError,[n.error]))throw n.error;return{...n,mutate:o,mutateAsync:n.mutate}}/**
+ * @license lucide-react v1.52.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const jt={name:"arrow-up-right",size:24,node:[["path",{d:"M7 7h10v10",key:"1tivn9"}],["path",{d:"M7 17 17 7",key:"1vkiza"}]]};jt.node;const Nt=de(jt);/**
+ * @license lucide-react v1.52.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const kt={name:"clipboard-copy",size:24,node:[["rect",{width:"8",height:"4",x:"8",y:"2",rx:"1",ry:"1",key:"tgr4d6"}],["path",{d:"M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2",key:"4jdomd"}],["path",{d:"M16 4h2a2 2 0 0 1 2 2v4",key:"3hqy98"}],["path",{d:"M21 14H11",key:"1bme5i"}],["path",{d:"m15 10-4 4 4 4",key:"5dvupr"}]]};kt.node;const Os=de(kt);/**
+ * @license lucide-react v1.52.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const St={name:"ellipsis",size:24,node:[["circle",{cx:"12",cy:"12",r:"1",key:"41hilf"}],["circle",{cx:"19",cy:"12",r:"1",key:"1wjl8i"}],["circle",{cx:"5",cy:"12",r:"1",key:"1pcz8c"}]],aliases:["more-horizontal"]};St.node;const Ts=de(St);/**
+ * @license lucide-react v1.52.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const _t={name:"folder-open",size:24,node:[["path",{d:"m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2",key:"usdka0"}]]};_t.node;const Je=de(_t);/**
+ * @license lucide-react v1.52.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const It={name:"image-off",size:24,node:[["line",{x1:"2",x2:"22",y1:"2",y2:"22",key:"a6p6uj"}],["path",{d:"M10.41 10.41a2 2 0 1 1-2.83-2.83",key:"1bzlo9"}],["line",{x1:"13.5",x2:"6",y1:"13.5",y2:"21",key:"1q0aeu"}],["line",{x1:"18",x2:"21",y1:"12",y2:"15",key:"5mozeu"}],["path",{d:"M3.59 3.59A1.99 1.99 0 0 0 3 5v14a2 2 0 0 0 2 2h14c.55 0 1.052-.22 1.41-.59",key:"mmje98"}],["path",{d:"M21 15V5a2 2 0 0 0-2-2H9",key:"43el77"}]]};It.node;const Ls=de(It);/**
+ * @license lucide-react v1.52.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Rt={name:"images",size:24,node:[["path",{d:"m22 11-1.296-1.296a2.4 2.4 0 0 0-3.408 0L11 16",key:"9kzy35"}],["path",{d:"M4 8a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2",key:"1t0f0t"}],["circle",{cx:"13",cy:"7",r:"1",fill:"currentColor",key:"1obus6"}],["rect",{x:"8",y:"2",width:"14",height:"14",rx:"2",key:"1gvhby"}]]};Rt.node;const As=de(Rt);/**
+ * @license lucide-react v1.52.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */const Ct={name:"loader-circle",size:24,node:[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]],aliases:["loader-2"]};Ct.node;const Et=de(Ct),Ms=200,Ds=({project:s,onRename:t,onRemove:r,onSetPinned:i})=>{const n=pe(),o=h.useRef(null),a=h.useRef(null),c=h.useRef(null),[p,v]=h.useState(!1),[g,m]=h.useState(!1),N=!!s.pinnedAt,[f,R]=h.useState(null),[S,y]=h.useState(s.name),[k,$]=h.useState(!1),[w,_]=h.useState(null),{containerRef:E,onKeyDown:q}=Xt();let X=f==="rename"?"Save name":"Remove from projects";k&&(X="Saving…"),h.useEffect(()=>{var M;if(g||!c.current)return;const b=c.current==="button"?a:o;c.current=null,(M=b.current)==null||M.focus()},[g]);const A=b=>{v(b),n==null||n.capture(b?"library_project_menu_opened":"library_project_menu_closed")},O=async b=>{if(!g){c.current=b,m(!0),n==null||n.capture("library_project_pin_clicked",{is_pinning:!N,method:b});try{await i(s.id,!N)}catch(M){gt.error(M instanceof Error?M.message:"Could not save pin. Try again.")}finally{m(!1)}}},W=b=>{A(!1),y(s.name),_(null),R(b),n==null||n.capture("library_project_action_opened",{action:b})},V=b=>{n==null||n.capture("library_project_action_closed",{action:f,outcome:b}),R(null)},I=async()=>{if(!(k||!f||f==="rename"&&!S.trim())){$(!0),_(null);try{f==="rename"?await t(s.id,S.trim()):await r(s.id),V("completed")}catch(b){_(b instanceof Error?b.message:"Could not save changes. Try again.")}finally{$(!1)}}};return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:`flex items-center gap-0.5 group-hover/project:pointer-events-auto group-hover/project:opacity-100 has-[:focus-visible]:pointer-events-auto has-[:focus-visible]:opacity-100 [@media(hover:none)]:pointer-events-auto [@media(hover:none)]:opacity-100 ${p?"pointer-events-auto opacity-100":"pointer-events-none opacity-0"}`,children:[e.jsx(J,{ref:a,type:"button",variant:"ghost",size:"icon-compact",title:N?"Unpin project":"Pin project","aria-label":`${N?"Unpin":"Pin"} ${s.name}`,"aria-pressed":N,disabled:g,onClick:()=>{O("button")},children:e.jsx(Pe,{weight:N?"fill":"bold",size:16,"aria-hidden":!0})}),e.jsxs(Zt,{open:p,onOpenChange:A,children:[e.jsx(es,{asChild:!0,children:e.jsx(J,{ref:o,type:"button",variant:"ghost",size:"icon-compact","aria-label":`Actions for ${s.name}`,children:e.jsx(Ts,{size:16,"aria-hidden":!0})})}),e.jsx(ts,{children:e.jsxs(ss,{"data-rivet-private":!0,ref:E,onKeyDown:q,role:"menu","aria-label":"Project actions",align:"start",sideOffset:4,onCloseAutoFocus:b=>{f&&b.preventDefault()},className:"ph-no-capture bg-surface-2 text-content z-ui-primary min-w-44 rounded-lg p-1 shadow-lg",children:[e.jsxs("button",{type:"button",role:"menuitem","data-menu-item":!0,disabled:g,onClick:()=>{A(!1),O("menu")},className:"hover:bg-hover focus:bg-hover flex w-full items-center gap-2 rounded-md px-3 py-2 text-xs focus:outline-none disabled:opacity-50",children:[e.jsx(Pe,{size:14,weight:N?"fill":"bold","aria-hidden":!0}),N?"Unpin":"Pin"]}),e.jsxs("button",{type:"button",role:"menuitem","data-menu-item":!0,onClick:()=>W("rename"),className:"hover:bg-hover focus:bg-hover flex w-full items-center gap-2 rounded-md px-3 py-2 text-xs focus:outline-none",children:[e.jsx(rs,{size:14,"aria-hidden":!0}),"Rename"]}),e.jsxs("button",{type:"button",role:"menuitem","data-menu-item":!0,onClick:()=>W("remove"),className:"hover:bg-hover focus:bg-hover flex w-full items-center gap-2 rounded-md px-3 py-2 text-xs focus:outline-none",children:[e.jsx(ut,{size:14,"aria-hidden":!0}),"Remove from projects"]})]})})]})]}),e.jsx(ht,{open:f!==null,onOpenChange:b=>{!b&&!k&&V("cancelled")},children:e.jsxs(mt,{children:[e.jsx(pt,{className:"z-modal fixed inset-0 bg-black/60"}),e.jsxs(xt,{"data-rivet-private":!0,onCloseAutoFocus:b=>{var M;b.preventDefault(),(M=o.current)==null||M.focus()},className:"ph-no-capture bg-surface-2 text-content z-ui-secondary fixed top-1/2 left-1/2 w-[calc(100%-2rem)] max-w-sm -translate-x-1/2 -translate-y-1/2 rounded-xl p-6 shadow-lg",children:[e.jsx(ft,{className:"text-base font-medium break-words",children:f==="rename"?"Rename project":`Remove “${s.name}” from projects?`}),e.jsx(bt,{className:"mt-2 text-sm leading-6 text-white/60",children:f==="rename"?"Choose a display name for this project. Its folder name will stay the same.":"Your folders and saved variants will remain on this computer. Open the project again to restore it."}),e.jsxs("form",{onSubmit:b=>{b.preventDefault(),I()},children:[f==="rename"?e.jsxs("label",{className:"mt-5 block text-xs text-white/70",children:["Project name",e.jsx("input",{autoFocus:!0,value:S,onChange:b=>y(b.target.value),maxLength:Ms,disabled:k,className:"mt-2 w-full rounded-lg border border-white/15 bg-white/5 px-3 py-2 text-sm text-white outline-none focus:border-white/50"})]}):null,w?e.jsx("p",{role:"alert",className:"mt-4 text-xs text-red-300",children:w}):null,e.jsxs("div",{className:"mt-6 flex justify-end gap-2",children:[e.jsx(J,{type:"button",variant:"ghost",disabled:k,onClick:()=>V("cancelled"),children:"Cancel"}),e.jsx(J,{type:"submit",variant:"secondary",disabled:k||f==="rename"&&!S.trim(),children:X})]})]})]})]})})]})},Pt=6e4,Ot=60*Pt,Ie=24*Ot,qs=7*Ie,zs=30*Ie,$s=365*Ie,Fs=[["year",$s],["month",zs],["week",qs],["day",Ie],["hour",Ot],["minute",Pt]],Us=new Intl.RelativeTimeFormat("en",{numeric:"always"}),Hs=s=>{const t=new Map;for(const r of s??[]){const i=Date.parse(r.createdAt);if(!Number.isFinite(i))continue;const n=t.get(r.projectId);(n===void 0||i>n)&&t.set(r.projectId,i)}return t},Ks=({projects:s,latestEdits:t})=>[...s].sort((r,i)=>{if(r.pinnedAt&&!i.pinnedAt)return-1;if(i.pinnedAt&&!r.pinnedAt)return 1;if(r.pinnedAt&&i.pinnedAt)return r.pinnedAt.localeCompare(i.pinnedAt)||r.id.localeCompare(i.id);const n=t.get(r.id),o=t.get(i.id);return n===void 0&&o!==void 0?1:o===void 0&&n!==void 0?-1:(o??0)-(n??0)||r.name.localeCompare(i.name)||r.id.localeCompare(i.id)}),Qs=({editedAt:s,now:t})=>{const r=Math.max(0,t-s);for(const[i,n]of Fs)if(r>=n)return`Edited ${Us.format(-Math.floor(r/n),i)}`;return"Edited just now"},Tt=h.createContext(null),Bs=({navigation:s,onBrowseProjects:t,controls:r,isHeaderVisible:i=!0,children:n})=>{const[o,a]=h.useState(null);return e.jsxs(Tt.Provider,{value:o,children:[i?e.jsxs("div",{className:"grid shrink-0 grid-cols-[auto_minmax(0,1fr)] items-center gap-4 px-10 py-5 max-sm:px-5 sm:grid-cols-[auto_minmax(0,1fr)_auto]",children:[e.jsx("button",{onClick:t,"aria-label":"Projects",className:"flex items-center",children:e.jsx("img",{src:is,alt:"","aria-hidden":!0,draggable:!1,className:"h-8 w-8"})}),e.jsx("div",{ref:a,className:"col-span-2 row-start-2 flex min-w-0 items-center gap-3 sm:col-span-1 sm:col-start-2 sm:row-start-1",children:r}),e.jsx("div",{className:"col-start-2 row-start-1 justify-self-end sm:col-start-3",children:s})]}):null,n]})},Lt=({children:s})=>{const t=h.useContext(Tt);return t?as.createPortal(s,t):null},qe=({label:s,value:t,onChange:r,onBlur:i,isDisabled:n=!1})=>e.jsxs("label",{className:"flex w-64 min-w-0 items-center gap-2 rounded-lg border border-white/[0.08] bg-white/[0.02] px-3 py-2.5 text-white/35 max-sm:flex-1",children:[e.jsx(ns,{size:14,className:"shrink-0","aria-hidden":!0}),e.jsx("input",{type:"search","aria-label":s,placeholder:`${s}…`,value:t,onChange:o=>r==null?void 0:r(o.target.value),onBlur:i,disabled:n,className:"min-w-0 flex-1 bg-transparent text-xs text-white outline-none placeholder:text-white/30 disabled:opacity-40 [&::-webkit-search-cancel-button]:hidden"})]}),Vs=({projects:s,variants:t,historyError:r,onRetryHistory:i,projectPreviews:n={},selectedProjectId:o,onSelectProject:a,onBrowseLibrary:c,onOpenProject:p,onRenameProject:v,onRemoveProject:g,onSetProjectPinned:m,isOpeningProject:N=!1,projectOpenError:f,onSearchCompleted:R,accountMenu:S,navigation:y,view:k="library",children:$})=>{const[w,_]=h.useState(""),E=o===null||$===void 0,q=h.useRef(null),X=Hs(t),A=Date.now(),O=s.find(I=>I.id===o),W=new Map;if(t)for(const I of s)I.historyIssue||W.set(I.id,0);for(const{projectId:I}of t??[]){const b=W.get(I);b!==void 0&&W.set(I,b+1)}const V=Ks({projects:s.filter(I=>I.name.toLowerCase().includes(w.toLowerCase())),latestEdits:X});return e.jsx("div",{className:"ph-no-capture bg-background text-foreground flex h-screen min-h-0","data-rivet-private":!0,children:e.jsx("main",{className:"relative flex min-w-0 flex-1 flex-col overflow-hidden",children:e.jsxs(Bs,{navigation:y,onBrowseProjects:c,isHeaderVisible:E,controls:k==="library"?e.jsx(qe,{label:"Search projects",value:w,onChange:_,onBlur:()=>R==null?void 0:R(w.length)}):null,children:[f?e.jsx("p",{role:"alert",className:"px-10 pt-5 text-xs text-red-200",children:f}):null,$!==void 0?$:e.jsxs("div",{className:"min-h-0 flex-1 overflow-y-auto px-10 pb-10 max-sm:px-5",children:[e.jsx("h1",{ref:q,tabIndex:-1,className:"sr-only",children:"Projects"}),e.jsx("div",{className:"mb-9 flex items-center justify-end",children:e.jsx(J,{onClick:()=>p(),variant:"secondary",disabled:N,leadingIcon:Je,className:"shrink-0",children:"Open project…"})}),r?e.jsxs("div",{role:"alert",className:"mb-6 flex items-center gap-3 text-xs text-white/60",children:[e.jsx("span",{children:r}),e.jsx("button",{onClick:i,className:"shrink-0 underline underline-offset-4",children:"Retry history"})]}):null,O!=null&&O.issue?e.jsx("p",{role:"alert",className:"mb-6 rounded-lg border border-amber-200/10 bg-amber-200/[0.03] p-4 text-xs leading-6 text-white/70",children:O.issue}):null,O&&!O.isAvailable?e.jsxs("div",{className:"mb-6 flex items-center justify-between gap-4 rounded-lg border border-amber-200/10 bg-amber-200/[0.03] p-4 text-xs text-white/60",children:[e.jsxs("span",{children:["Locate ",O.name,"’s working folder to open its workspace."]}),e.jsx("button",{disabled:N,onClick:()=>p(O.id),className:"shrink-0 text-white underline decoration-white/30 underline-offset-4",children:"Locate folder"})]}):null,e.jsxs("div",{className:"grid items-start gap-x-6 gap-y-8 sm:grid-cols-2",children:[V.map(I=>{const b=W.get(I.id);let M="Loading variants…";b!==void 0?M=`${b.toLocaleString()} ${b===1?"variant":"variants"}`:(r||I.historyIssue)&&(M="Variants unavailable");const u=X.get(I.id);let C="No edits yet";r||I.historyIssue?C="Edit history unavailable":t===void 0?C="Loading edits…":b&&(C="Edit date unavailable");const K=n[I.id];return e.jsxs("div",{className:"group/project grid min-w-0",children:[e.jsxs("button",{onClick:()=>{_(""),a(I.id)},className:"group col-start-1 row-span-2 row-start-1 -m-2 grid w-[calc(100%+1rem)] min-w-0 grid-rows-subgrid rounded-2xl p-2 text-left hover:bg-white/[0.06] focus-visible:bg-white/[0.06] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-white/60",children:[e.jsx("span",{className:"group-hover:border-border relative block aspect-video overflow-hidden rounded-xl border border-white/[0.08] bg-white/[0.02]",children:K?e.jsx("img",{src:K.dataUrl,alt:`${I.name} — ${K.label}`,draggable:!1,className:"h-full w-full object-cover object-top"}):null}),e.jsxs("span",{className:"mt-3 block pr-16",children:[e.jsxs("span",{className:"flex min-w-0 items-center gap-1.5 text-sm font-medium",children:[I.pinnedAt?e.jsx(Pe,{size:12,weight:"fill","aria-hidden":!0,className:"text-content-muted shrink-0"}):null,e.jsx("span",{className:"truncate",children:I.name})]}),e.jsxs("span",{className:"mt-2 flex min-w-0 flex-wrap items-center gap-x-3 gap-y-1 text-xs text-white/40 group-hover:text-white/65 group-focus-visible:text-white/65",children:[u!==void 0?e.jsx("time",{dateTime:new Date(u).toISOString(),title:new Date(u).toLocaleString(),children:Qs({editedAt:u,now:A})}):e.jsx("span",{children:C}),e.jsx("span",{className:"shrink-0",children:M})]}),I.isAvailable?null:e.jsx("span",{className:"mt-2 block text-xs text-amber-200/65",children:"Folder unavailable"})]})]}),e.jsx("div",{className:"z-content col-start-1 row-start-2 mt-3 self-center justify-self-end",children:e.jsx(Ds,{project:I,onRename:v,onSetPinned:m,onRemove:async Z=>{var ue;await g(Z),(ue=q.current)==null||ue.focus()}})})]},I.id)}),V.length===0?e.jsxs("div",{className:"col-span-full flex min-h-80 flex-col items-center justify-center rounded-xl border border-dashed border-white/10 px-8 text-center",children:[e.jsx(Je,{size:26,className:"mb-5 text-white/25"}),e.jsx("h2",{className:"text-sm font-medium",children:w?"No matching projects":"Add your projects"}),e.jsx("p",{className:"mt-2 max-w-sm text-xs leading-6 text-white/40",children:w?"Try another project name.":"Open an existing project to add it as a project here"}),w?null:e.jsx(J,{onClick:()=>p(),variant:"secondary",disabled:N,className:"mt-5",children:"Open project"})]}):null]})]}),E&&S?e.jsx("footer",{className:"border-main-border bg-main-light shrink-0 border-t px-2.5 py-2.5",children:S}):null]})})})},At=8,Xe=1,Gs=({children:s})=>e.jsx("ul",{className:"grid grid-cols-1 items-start gap-x-5 min-[400px]:grid-cols-2 md:grid-cols-3 xl:grid-cols-4 2xl:grid-cols-5",style:{gridAutoRows:`${At}px`},children:s}),Ys=({children:s})=>{const[t,r]=h.useState(Xe),i=h.useRef(null),n=h.useCallback(o=>{var c;if((c=i.current)==null||c.disconnect(),!o)return;const a=()=>r(Math.max(Xe,Math.ceil(o.getBoundingClientRect().height/At)));a(),i.current=new ResizeObserver(a),i.current.observe(o)},[]);return e.jsx("li",{className:"min-w-0",style:{gridRowEnd:`span ${t}`},children:e.jsx("div",{ref:n,className:"relative pb-8",children:s})})},Ws=async({profileId:s,referenceId:t,hash:r,signal:i})=>{const n=await fetch(`/api/library/profile/references/${encodeURIComponent(t)}/media/${r}?${new URLSearchParams({profileId:s})}`,{headers:{Authorization:os()},signal:i});if(!n.ok)throw new Error("Image unavailable");return n.blob()},Js="200px",Mt=({profileId:s,referenceId:t,hash:r,title:i,isDetail:n=!1})=>{const[o,a]=h.useState(!1),[c,p]=h.useState(!1),v=h.useRef(null),g=h.useCallback(f=>{var R;(R=v.current)==null||R.disconnect(),f&&(v.current=new IntersectionObserver(S=>{var y;S.some(k=>k.isIntersecting)&&(a(!0),(y=v.current)==null||y.disconnect())},{rootMargin:Js}),v.current.observe(f))},[]),m=oe({queryKey:["design-library-image",s,t,r],queryFn:async({signal:f})=>{const R=await Ws({profileId:s,referenceId:t,hash:r,signal:f});return new Promise((S,y)=>{const k=new FileReader;k.onload=()=>typeof k.result=="string"?S(k.result):y(new Error("Image unavailable")),k.onerror=()=>y(new Error("Image unavailable")),k.readAsDataURL(R)})},enabled:o,staleTime:1/0,gcTime:0,retry:!1}),N=!!m.data&&!c;return e.jsxs("div",{ref:g,className:Se("flex items-center justify-center overflow-hidden bg-white/[0.025]",n?"min-h-32":null,!n&&!N?"aspect-[4/3]":null),children:[m.isError||c?e.jsxs("span",{className:"flex items-center gap-2 p-5 text-xs text-white/35",children:[e.jsx(Ls,{size:16,"aria-hidden":!0}),"Image unavailable"]}):null,m.data&&!c?e.jsx("img",{src:m.data,alt:i,onError:()=>p(!0),className:n?"max-h-[65vh] w-full object-contain":"block h-auto w-full"}):null,!m.data&&!m.isError?e.jsx("span",{className:"text-xs text-white/25",children:"Loading image…"}):null]})},Xs={arena:"Are.na",cosmos:"Cosmos",pinterest:"Pinterest",x:"X",image:"Uploaded image",text:"Saved text",variant:"Saved direction",pdf:"PDF"},Zs=({provider:s})=>e.jsxs("span",{className:"inline-flex items-center gap-1.5",children:[s==="arena"||s==="cosmos"||s==="pinterest"||s==="x"?e.jsx(ls,{provider:s,className:"h-3.5 w-3.5"}):null,Xs[s]]}),er=({label:s,onCopy:t,referenceCount:r=1})=>{const i=pe(),[n,o]=h.useState("idle"),a=async()=>{o("copying");try{await t(),o("copied"),i==null||i.capture("library_reference_copy_completed",{reference_count:r,copy_kind:"agent"})}catch{o("failed"),gt.error("Could not copy. Check clipboard access and try again."),i==null||i.capture("library_reference_copy_failed",{reference_count:r,copy_kind:"agent"})}},c=n==="copied"?yt:Os,p=n==="copied"?"Copied":s;return e.jsxs(e.Fragment,{children:[e.jsx(J,{variant:"secondary",size:"compact",leadingIcon:c,disabled:n==="copying",onClick:()=>void a(),"aria-label":p,"aria-live":"polite",children:e.jsxs("span",{className:"grid whitespace-nowrap",children:[e.jsx("span",{"aria-hidden":!0,className:"invisible col-start-1 row-start-1",children:s}),e.jsx("span",{className:"col-start-1 row-start-1",children:p})]})}),n==="failed"?e.jsx("span",{role:"alert",className:"sr-only",children:"Could not copy. Check clipboard access and try again."}):null]})},tr=6,ge=100,Ze=100,sr=35*1024*1024,et=Math.ceil(sr/3)*4,rr=re(["pinterest","arena","x","cosmos"]),Dt=re(["image",...rr.options,"text","pdf","variant"]),Re=re(["codex","claude","cursor"]),qt=Y({projectId:x().min(1).max(200),sessionId:x().min(1).max(200),variantId:x().min(1).max(200)}).strict();qt.extend({runtime:Re,note:x().trim().max(500).optional(),imageFile:x().min(1).max(2048).optional()});const zt=qt.extend({treeSha:x().max(100).optional()}),ir=Y({hash:x().regex(/^[a-f0-9]{64}$/),mimeType:re(["image/png","image/jpeg","image/webp","image/gif"]),bytes:se().int().positive(),representation:re(["image","video-cover","page","variant"]).default("image"),page:se().int().positive().optional()});Y({provider:Dt,remoteId:x().trim().min(1).max(2048),title:x().trim().min(1).max(500),url:x().url().optional()});Y({provider:Dt,remoteId:x().trim().min(1).max(2048),title:x().max(1e3),text:x().max(1e5),url:x().url().optional(),media:H(ir).max(100),remoteImages:H(x().url()).max(100).optional(),remoteImageRepresentations:H(re(["image","video-cover"])).max(100).optional(),unsupportedReason:x().max(1e3).optional(),variant:zt.optional(),note:x().max(500).optional()});const $t=Y({inputTokens:se().nonnegative().optional(),outputTokens:se().nonnegative().optional(),cachedInputTokens:se().nonnegative().optional(),allocation:vt("equal-share").optional()});Y({referenceId:x().min(1),revision:se().int().positive(),description:x().trim().min(1).max(8e3),runtime:cs([Re,vt("user")]),evidence:re(["observation","preference"]),usage:$t.optional()});const ar=Y({requestId:x().min(1).max(200),instruction:x().min(1).max(3e4),runtime:Re,mode:re(["auto","off"]).default("auto"),excludedSourceIds:H(x()).max(100).default([]),excludedReferenceIds:H(x()).max(100).default([]),excludedMediaHashes:H(x()).max(100).default([]),suppliedInputHashes:H(x().regex(/^[a-f0-9]{64}$/)).max(ge).optional()});ar.extend({uploads:H(x().max(et+Ze)).max(ge).optional()}).refine(s=>(s.uploads??[]).reduce((t,r)=>t+r.length,0)<=et+ge*Ze,"Supplied images exceed the profile upload budget");const nr=ds().transform((s,t)=>{const r=us.safeParse(s);return r.success?r.data:(t.addIssue({code:hs.custom,message:"Invalid supplied image reference"}),ms)}),tt=Y({suppliedReferences:H(nr).max(ge).optional(),failedUploadCount:se().int().min(0).max(ge).optional(),usage:$t.optional(),requestId:x(),status:re(["selected","empty","off","unavailable","timeout"]),queries:H(x()),candidateIds:H(x()),selected:H(Y({id:x(),revision:se(),title:x().optional(),url:x().url().optional(),mediaHashes:H(x().regex(/^[a-f0-9]{64}$/)).optional(),reason:x(),sourceTitles:H(x()),variant:zt.optional()})),contextText:x().max(6e3),images:H(Y({path:x(),hash:x().regex(/^[a-f0-9]{64}$/),mimeType:re(["image/png","image/jpeg","image/webp","image/gif"])})).max(tr),durationMs:se()});tt.pick({requestId:!0,suppliedReferences:!0,failedUploadCount:!0,status:!0,selected:!0,images:!0,durationMs:!0}).extend({requestId:x().min(1).max(200),selected:tt.shape.selected.max(3)});Y({query:x().trim().min(2).max(1e3),sourceId:x().min(1).max(200).optional(),limit:se().int().min(1).max(100).default(24),runtime:Re.default("codex")});const Ft=50,st=12,or=x().regex(/^[a-f0-9]{12,64}@[1-9][0-9]*$/).refine(s=>Number.isSafeInteger(Number(s.split("@")[1])),"Invalid reference revision"),lr=Y({profileId:x().uuid(),keys:H(or).min(1).max(Ft),isDetailed:ps().default(!1)}),cr=s=>{const t=new Map;for(const r of s){const i=r.id.slice(0,st);t.set(i,(t.get(i)??0)+1)}return new Map(s.map(r=>{const i=r.id.slice(0,st),n=t.get(i)===1?i:r.id;return[r.id,`${n}@${r.revision}`]}))},dr=({profileId:s,referenceKeys:t})=>{const r=lr.parse({profileId:s,keys:t});return["rivet","profile","reference",r.profileId,...r.keys].join(" ")},ze=s=>{const t=s.referenceKeys.length===1?"Copy to agent":`Copy ${s.referenceKeys.length} to agent`;return e.jsx(er,{label:t,referenceCount:s.referenceKeys.length,onCopy:()=>navigator.clipboard.writeText(dr(s))})},ur=({profileId:s,reference:t,sources:r,referenceKey:i,children:n})=>{var p,v;const o=pe(),a=t.title||"Untitled reference",c=t.url&&/^https?:\/\//i.test(t.url)?t.url:void 0;return e.jsxs(ht,{onOpenChange:g=>o==null?void 0:o.capture(g?"library_reference_opened":"library_reference_closed",{provider:t.provider,media_count:t.media.length}),children:[e.jsx(xs,{asChild:!0,children:n}),e.jsxs(mt,{children:[e.jsx(pt,{className:"fixed inset-0 z-50 bg-black/55"}),e.jsxs(xt,{className:"ph-no-capture bg-background text-foreground fixed inset-y-0 right-0 z-50 flex w-full max-w-2xl flex-col border-l border-white/10 shadow-2xl outline-none","data-rivet-private":!0,children:[e.jsxs("header",{className:"flex items-start justify-between gap-6 border-b border-white/[0.07] px-7 py-6",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx(bt,{className:"mb-2 text-xs text-white/40",children:e.jsx(Zs,{provider:t.provider})}),e.jsx(ft,{className:"text-lg leading-snug font-medium tracking-tight break-words",children:a})]}),e.jsx(fs,{asChild:!0,children:e.jsx(J,{variant:"ghost",size:"icon-compact","aria-label":"Close reference",children:e.jsx(ut,{size:18})})})]}),e.jsx("div",{className:"border-b border-white/[0.07] px-7 py-4",children:e.jsx(ze,{profileId:s,referenceKeys:[i]},t.revision)}),e.jsxs("div",{className:"min-h-0 flex-1 space-y-7 overflow-y-auto px-7 py-6",children:[t.media.map(g=>e.jsx(Mt,{profileId:s,referenceId:t.id,hash:g.hash,title:a,isDetail:!0},g.hash)),t.text?e.jsx("p",{className:"text-sm leading-7 break-words whitespace-pre-wrap text-white/70",children:t.text}):null,t.note?e.jsxs("section",{children:[e.jsx("h3",{className:"mb-2 text-xs font-medium text-white/45",children:"Your note"}),e.jsx("p",{className:"text-sm leading-7 break-words whitespace-pre-wrap text-white/75",children:t.note})]}):null,e.jsxs("section",{children:[e.jsx("h3",{className:"mb-2 text-xs font-medium text-white/45",children:((p=t.observation)==null?void 0:p.evidence)==="preference"?"Your preference":"Rivet’s analysis"}),e.jsx("p",{className:"text-sm leading-7 break-words whitespace-pre-wrap text-white/75",children:((v=t.observation)==null?void 0:v.description)??t.unsupportedReason??"No analysis saved yet."})]}),e.jsxs("section",{children:[e.jsx("h3",{className:"mb-3 text-xs font-medium text-white/45",children:"Saved in"}),e.jsx("ul",{className:"space-y-2",children:r.filter(g=>t.sourceIds.includes(g.id)).map(g=>e.jsxs("li",{className:"flex flex-wrap items-center justify-between gap-2 rounded-md bg-white/[0.035] px-3 py-2.5 text-xs",children:[e.jsx("span",{children:g.title}),g.isIncluded?null:e.jsx("span",{className:"text-white/35",children:"Excluded from generation"})]},g.id))})]}),c?e.jsxs("a",{href:c,target:"_blank",rel:"noopener noreferrer",onClick:()=>o==null?void 0:o.capture("library_reference_original_opened",{provider:t.provider}),className:"inline-flex items-center gap-1 text-xs text-white/70 underline-offset-4 hover:underline",children:["Open original",e.jsx(Nt,{size:14,"aria-hidden":!0})]}):null]})]})]})]})},rt="opacity-0 group-hover/card:opacity-100 group-focus-within/card:opacity-100 [@media(hover:none)]:opacity-100",hr="pointer-events-none group-hover/card:pointer-events-auto group-focus-within/card:pointer-events-auto [@media(hover:none)]:pointer-events-auto",mr=({profileId:s,reference:t,sources:r,referenceKey:i,isSelected:n,isSelectionDisabled:o,onSelect:a})=>{var v;const c=t.title||"Untitled reference",p=t.media[0];return e.jsxs("div",{className:"group/card relative",children:[e.jsx(ur,{profileId:s,reference:t,sources:r,referenceKey:i,children:e.jsx("button",{"aria-label":`Inspect ${c}`,className:"block w-full overflow-hidden text-left outline-none focus-visible:ring-2 focus-visible:ring-white/50 focus-visible:ring-offset-4 focus-visible:ring-offset-background",children:p?e.jsx(Mt,{profileId:s,referenceId:t.id,hash:p.hash,title:c},p.hash):e.jsxs("div",{className:"min-h-44 border border-white/10 bg-white/[0.03] p-5 pb-14",children:[e.jsx("p",{className:"text-sm font-medium text-white/80",children:c}),e.jsx("p",{className:"mt-3 line-clamp-3 text-xs leading-5 text-white/45",children:((v=t.observation)==null?void 0:v.description)??t.text})]})})}),e.jsx("div",{"aria-hidden":!0,className:Se("pointer-events-none absolute inset-0 bg-black/40",rt)}),e.jsxs("div",{className:Se("absolute inset-x-0 bottom-0 z-10 flex items-center justify-between gap-2 p-2",n?null:rt,n?null:hr),children:[e.jsxs("label",{className:"relative shrink-0 cursor-pointer",title:n?"Deselect":"Select",children:[e.jsx("input",{type:"checkbox","aria-label":`Select ${c}`,checked:n,disabled:o,onChange:a,className:"peer absolute inset-0 h-full w-full cursor-pointer opacity-0 disabled:cursor-default"}),e.jsx("span",{className:Se("flex h-7 w-7 items-center justify-center rounded-full border shadow-sm peer-focus-visible:ring-2 peer-focus-visible:ring-white peer-focus-visible:ring-offset-2 peer-disabled:opacity-40",n?"border-orange-400 bg-orange-500 text-white":"border-white/35 bg-black/60 text-white/70"),children:e.jsx(yt,{size:14,"aria-hidden":!0})})]}),e.jsx(ze,{profileId:s,referenceKeys:[i]},t.revision)]})]})},Ne=24,pr="200px",xr=350,fr=100,br=({snapshot:s})=>{var M;const t=pe(),[r,i]=h.useState(""),[n,o]=h.useState(""),a=h.useRef(null),[c,p]=h.useState(""),[v,g]=h.useState(Ne),[m,N]=h.useState([]),f=h.useRef(null),R=cr(s.references),S=s.references.filter(u=>u.media.length>0),y=oe({queryKey:["design-reference-search",s.profileId,s.revision,s.references.map(({id:u,revision:C,sourceIds:K})=>[u,C,K]),n,c],queryFn:({signal:u})=>B("/profile/search",{method:"POST",body:{query:n,sourceId:c||void 0,limit:fr},signal:u}),enabled:n.length>=2&&s.references.length>0,retry:!1}),k=s.references.filter(u=>m.includes(u.id)),$=k.flatMap(u=>{const C=R.get(u.id);return C?[C]:[]}),w=r.trim(),_=w.length>=2,E=_&&s.references.length>0&&(n!==w||y.isLoading),q=_&&!E&&y.isError,X=new Map(s.references.map(u=>[u.id,u])),A=_?(((M=y.data)==null?void 0:M.results)??[]).flatMap(({id:u})=>{const C=X.get(u);return C?[C]:[]}):S.filter(u=>!c||u.sourceIds.includes(c)),O=S.length>0,W=A.length,V=s.references.length>0?"No images yet":"Your library starts here",I=h.useCallback(u=>{var C;(C=f.current)==null||C.disconnect(),u&&(f.current=new IntersectionObserver(K=>{var Z;K.some(ue=>ue.isIntersecting)&&((Z=f.current)==null||Z.disconnect(),g(Math.min(v+Ne,W)))},{root:u.parentElement,rootMargin:pr}),f.current.observe(u))},[v,W]),b=u=>{const C=k.map(Z=>Z.id),K=C.includes(u)?C.filter(Z=>Z!==u):[...C,u];N(K),t==null||t.capture("library_reference_selection_changed",{selected_count:K.length})};return e.jsxs("div",{className:"ph-no-capture flex min-h-0 flex-1 flex-col","data-rivet-private":!0,children:[e.jsx(Lt,{children:e.jsx(qe,{label:"Search references",value:r,onChange:u=>{i(u),a.current&&clearTimeout(a.current),a.current=setTimeout(()=>o(u.trim()),xr),g(Ne)},onBlur:()=>{var u;return t==null?void 0:t.capture("library_reference_search_completed",{query_length:r.length,result_count:_?((u=y.data)==null?void 0:u.results.length)??0:A.length})}})}),e.jsxs("div",{className:"min-h-0 flex-1 overflow-y-auto px-10 pb-10 max-sm:px-5",children:[!s.isEnabled&&O?e.jsx("p",{className:"mb-5 text-xs text-white/40",children:"Automatic use is paused. Your saved references are still here."}):null,O?e.jsx("div",{className:"mb-7 flex flex-wrap items-center gap-3",children:e.jsxs("select",{"aria-label":"Source",value:c,onChange:u=>{p(u.target.value),g(Ne),t==null||t.capture("library_reference_source_filtered",{is_filtered:!!u.target.value})},className:"bg-background max-w-64 rounded-lg border border-white/[0.08] px-3 py-2.5 text-xs text-white/60 focus-visible:outline-2",children:[e.jsx("option",{value:"",children:"All sources"}),s.sources.map(u=>e.jsx("option",{value:u.id,children:u.title},u.id))]})}):null,$.length?e.jsxs("div",{className:"bg-background sticky top-0 z-20 mb-6 flex flex-wrap items-center gap-3 rounded-lg border border-white/10 p-3 shadow-lg",children:[e.jsxs("span",{className:"text-xs text-white/50",children:[$.length," selected"]}),e.jsx(ze,{profileId:s.profileId,referenceKeys:$},$.join(" ")),e.jsx(J,{variant:"ghost",size:"compact",onClick:()=>{N([]),t==null||t.capture("library_reference_selection_changed",{selected_count:0})},children:"Clear selection"})]}):null,_&&y.data&&y.data.coverage.analyzed<y.data.coverage.saved?e.jsxs("p",{role:"status",className:"mb-5 text-xs text-white/45",children:[y.data.coverage.analyzed," of"," ",y.data.coverage.saved," references analyzed; results may be incomplete."]}):null,E?e.jsx("p",{role:"status",className:"py-10 text-center text-xs text-white/45",children:"Searching references…"}):null,q?e.jsxs("div",{role:"alert",className:"py-10 text-center text-xs text-white/50",children:[e.jsxs("p",{children:["Search is unavailable: ",y.error.message]}),e.jsx(J,{variant:"ghost",onClick:()=>{t==null||t.capture("library_reference_search_retry"),y.refetch()},children:"Try again"})]}):null,!E&&!q&&A.length?e.jsx(Gs,{children:A.slice(0,v).map(u=>{const C=R.get(u.id);return C?e.jsx(Ys,{children:e.jsx(mr,{profileId:s.profileId,reference:u,sources:s.sources,referenceKey:C,isSelected:m.includes(u.id),isSelectionDisabled:!m.includes(u.id)&&$.length>=Ft,onSelect:()=>b(u.id)})},u.id):null})}):null,!E&&!q&&!A.length?e.jsxs("div",{className:"flex min-h-72 flex-col items-center justify-center rounded-xl border border-dashed border-white/[0.08] px-6 text-center",children:[e.jsx(As,{size:28,strokeWidth:1,className:"mb-5 text-white/25","aria-hidden":!0}),e.jsx("h2",{className:"text-sm text-white/75",children:O||_?"No references found":V}),e.jsx("p",{className:"mt-2 max-w-sm text-xs leading-6 text-white/35",children:O||_?"Try another search or choose a different source.":"Ask your agent to save a design reference with an image to your library. It will appear here, ready to browse."})]}):null,!E&&!q&&A.length>v?e.jsx("div",{ref:I,role:"status",className:"py-8 text-center text-xs text-white/35",children:"Loading more references…"}):null]})]})},gr=1e4,yr=({onBrowseProjects:s})=>{var a,c;const t=bs(),r=pe(),i=oe({queryKey:["design-library",(a=t.data)==null?void 0:a.userId,(c=t.data)==null?void 0:c.isAuthenticated],queryFn:({signal:p})=>B("/profile/library",{signal:p}),enabled:!t.isPending,refetchInterval:gr,gcTime:0,retry:!1}),n=()=>{r==null||r.capture("library_reference_retry"),i.refetch()},o=e.jsx(Lt,{children:e.jsx(qe,{label:"Search references",value:"",isDisabled:!0})});return i.isError&&!i.data?e.jsxs("div",{className:"flex min-h-0 flex-1 flex-col",children:[o,e.jsxs("div",{className:"m-auto max-w-md px-8 text-center",children:[e.jsx("h1",{className:"mb-3 text-lg font-medium",children:"References"}),e.jsx("p",{role:"alert",className:"text-sm text-white/50",children:i.error.message}),e.jsx("div",{className:"mt-5 flex justify-center gap-3",children:e.jsx(J,{variant:"ghost",onClick:s,children:"Projects"})})]})]}):i.data?e.jsxs("div",{className:"flex min-h-0 flex-1 flex-col",children:[i.isError?e.jsxs("div",{role:"alert",className:"flex items-center justify-between gap-4 border-b border-white/10 px-8 py-3 text-xs text-white/50",children:[e.jsx("span",{children:"Could not refresh. Showing the last saved results."}),e.jsx(J,{variant:"ghost",onClick:n,children:"Try again"})]}):null,e.jsx(br,{snapshot:i.data},i.data.profileId)]}):e.jsxs("div",{className:"flex min-h-0 flex-1 flex-col",children:[o,e.jsx("p",{role:"status",className:"m-auto text-xs text-white/40",children:"Loading references…"})]})},vr=({view:s,onNavigate:t})=>e.jsx("nav",{"aria-label":"Library",className:"flex items-center gap-1 rounded-lg bg-white/[0.03] p-1",children:["library","references"].map(r=>e.jsx("a",{href:r==="library"?"/rivet/library":"/rivet/library/references","aria-current":s===r?"page":void 0,onClick:i=>{i.metaKey||i.ctrlKey||i.shiftKey||i.altKey||(i.preventDefault(),t(r))},className:gs("rounded-md px-3 py-2 text-xs focus-visible:outline-2 focus-visible:outline-offset-2",s===r?"bg-white/[0.08] text-white":"text-white/45 hover:text-white/80"),children:r==="library"?"Projects":"References"},r))}),wr=()=>{const s=_e(),t=async o=>{await s.cancelQueries({queryKey:["project-library"]}),s.setQueryData(["project-library","projects"],a=>a&&{projects:o(a.projects)}),s.setQueriesData({queryKey:["project-library","history"]},a=>{if(!a)return a;const c=o(a.projects),p=new Set(c.map(({id:v})=>v));return{projects:c,variants:a.variants.filter(({projectId:v})=>p.has(v))}}),s.invalidateQueries({queryKey:["project-library"]})},r=fe({mutationFn:({projectId:o,name:a})=>B(`/projects/${encodeURIComponent(o)}`,{method:"PATCH",body:{name:a}}),onSuccess:({project:o})=>t(a=>a.map(c=>c.id===o.id?{...c,name:o.name}:c))}),i=fe({mutationFn:({projectId:o,isPinned:a})=>B(`/projects/${encodeURIComponent(o)}/pin`,{method:a?"PUT":"DELETE"}),onSuccess:({project:o})=>t(a=>a.map(c=>c.id===o.id?{...c,pinnedAt:o.pinnedAt}:c))}),n=fe({mutationFn:o=>B(`/projects/${encodeURIComponent(o)}`,{method:"DELETE"}),onSuccess:async(o,a)=>{await t(c=>c.filter(({id:p})=>p!==a)),await s.cancelQueries({queryKey:["library-project-preview",a]}),s.removeQueries({queryKey:["library-project-preview",a]})}});return{setProjectPinned:async(o,a)=>{await i.mutateAsync({projectId:o,isPinned:a})},renameProject:async(o,a)=>{await r.mutateAsync({projectId:o,name:a})},removeProject:async o=>{await n.mutateAsync(o)}}},it=2500,jr=500,Nr=6e4,kr=[],Sr=[],ke=({error:s,retry:t})=>e.jsxs("div",{className:"m-auto max-w-md px-8 text-center",children:[e.jsx("p",{className:"text-sm text-white/70",children:s.message}),e.jsx("button",{onClick:t,className:"mt-5 rounded-lg border border-white/15 px-4 py-2 text-xs text-white/70",children:"Try again"})]}),_r=()=>{var $e,Fe,Ue,He,Ke,Qe;const s=pe(),t=_e(),{renameProject:r,removeProject:i,setProjectPinned:n}=wr(),o=h.useRef(),[a,c]=h.useState(()=>Ye(new URL(window.location.href))),[p]=h.useState(()=>crypto.randomUUID()),v=h.useRef(0),g=h.useRef(null),m=oe({queryKey:["project-library","projects"],queryFn:({signal:l})=>B("/projects",{signal:l}),refetchInterval:it,retry:!1}),N=(($e=m.data)==null?void 0:$e.projects)??kr,f=N.map(({id:l,projectPath:j})=>({id:l,projectPath:j})).sort((l,j)=>l.id.localeCompare(j.id)),R=oe({queryKey:["project-library","history",f],queryFn:({signal:l})=>B("",{signal:l}),placeholderData:l=>{if(!l)return;const j=new Map(l.projects.map(({id:F,projectPath:ee})=>[F,ee]));if(!N.every(({id:F,projectPath:ee})=>j.get(F)===ee))return;const P=new Set(N.map(({id:F})=>F));return{projects:l.projects.filter(({id:F})=>P.has(F)),variants:l.variants.filter(({projectId:F})=>P.has(F))}},enabled:N.length>0,refetchInterval:it,retry:!1}),S=new Map((Fe=R.data)==null?void 0:Fe.projects.map(l=>[l.id,l])),y=N.map(l=>{const j=S.get(l.id);return{...l,issue:j?j.issue:l.issue,historyIssue:j?j.historyIssue:l.historyIssue}}),k=((Ue=R.data)==null?void 0:Ue.variants)??Sr,$=Ps({queries:y.map(l=>({queryKey:["library-project-preview",l.id,l.projectPath],queryFn:({signal:j})=>B(`/projects/${l.id}/thumbnail`,{signal:j}),enabled:a.kind==="library",refetchInterval:Nr,retry:!1}))}),w=y.find(l=>l.id===a.projectId),_=k.find(l=>l.projectId===a.projectId&&l.sessionId===a.sessionId&&l.variantId===a.variantId),E=h.useCallback(l=>{window.history.pushState(null,"",ys(l)),c(l)},[]);h.useEffect(()=>{w?o.current=w.id:m.isSuccess&&!m.isFetching&&a.projectId===o.current&&a.projectId&&(o.current=void 0,E({kind:"library"}))},[w,a.projectId,m.isSuccess,m.isFetching,E]),h.useEffect(()=>{const l=()=>c(Ye(new URL(window.location.href)));return window.addEventListener("popstate",l),()=>window.removeEventListener("popstate",l)},[]),h.useEffect(()=>{const l=new AbortController;let j;const P=async()=>{try{const F=await B(`/views/${p}`,{method:"PUT",body:{isFocused:document.visibilityState==="visible"&&document.hasFocus()},signal:l.signal});for(const ee of F.navigations){if(l.signal.aborted)return;if(ee.sequence>v.current){let Ce="library";ee.projectId&&(Ce="workspace"),ee.variantId&&(Ce="preview"),E({...ee,kind:Ce}),v.current=ee.sequence}await B(`/views/${p}/acknowledgements`,{method:"POST",body:{sequence:ee.sequence},signal:l.signal})}}catch{}l.signal.aborted||(j=setTimeout(()=>{P()},jr))};return P(),()=>{l.abort(),clearTimeout(j)}},[p,E]);const q=oe({queryKey:["library-workspace",a.projectId],queryFn:()=>B(`/projects/${a.projectId}/runtime`,{method:"POST"}),enabled:a.kind==="workspace"&&!!a.projectId&&(w==null?void 0:w.isAvailable)===!0,retry:!1,refetchOnWindowFocus:!1}),X=q.data?new URL(q.data.editorUrl).origin:null;h.useEffect(()=>{if(a.kind!=="workspace"||!X)return;const l=j=>{!g.current||j.source!==g.current.contentWindow||j.origin!==X||j.data!==Ns||(s==null||s.capture("library_view_changed",{view:"projects"}),E({kind:"library"}))};return window.addEventListener("message",l),()=>window.removeEventListener("message",l)},[a.kind,X,E,s]);const A=oe({queryKey:["library-preview",a.projectId,a.sessionId,a.variantId],queryFn:()=>B(`/projects/${a.projectId}/variants/${a.sessionId}/${a.variantId}/preview`,{method:"POST"}),enabled:a.kind==="preview"&&!!(_!=null&&_.hasStaticPreview),retry:!1,refetchOnWindowFocus:!1}),O=fe({mutationFn:l=>B(`/projects/${a.projectId}/variants/${a.sessionId}/${a.variantId}`,{method:"PATCH",body:{label:l}}),onSuccess:()=>t.invalidateQueries({queryKey:["project-library"]})}),W=l=>{const j=y.find(P=>P.id===l);s==null||s.capture("library_project_selected",{project_id:l,workspace_available:(j==null?void 0:j.isAvailable)??!1}),E({kind:"workspace",projectId:l})},V=fe({mutationFn:async l=>{const{projectPath:j}=await B("/folder-selections",{method:"POST"});return j===null?null:B(l?`/projects/${l}/workspace`:"/projects",{method:l?"PATCH":"POST",body:{projectPath:j}})},onSuccess:l=>{l&&(t.invalidateQueries({queryKey:["project-library"]}),s==null||s.capture("library_project_selected",{project_id:l.project.id,workspace_available:l.project.isAvailable}),E({kind:"workspace",projectId:l.project.id}))},onSettled:(l,j,P)=>{s==null||s.capture("library_open_project_closed",{is_relink:!!P})}}),I=l=>{V.isPending||(s==null||s.capture("library_open_project_opened",{is_relink:!!l}),V.mutate(l))},b=()=>{s==null||s.capture("library_view_changed",{view:"projects"}),E({kind:"library"})},M=()=>{s==null||s.capture("library_view_changed",{view:"workspace"}),E({...a,kind:"workspace"})},u=()=>{s==null||s.capture("library_history_retry"),R.refetch()};let C;if(a.kind==="workspace"&&(w==null?void 0:w.isAvailable)!==!1||a.kind==="preview"){let l=!1,j=e.jsxs("div",{className:"m-auto flex items-center gap-2 text-xs text-white/40",children:[e.jsx(Et,{size:14,className:"animate-spin"}),"Opening ",(w==null?void 0:w.name)??"project","…"]});if(m.data&&!w||R.data&&a.variantId&&!_)j=e.jsx("div",{className:"m-auto text-sm text-white/60",children:"This project or direction is no longer in your library."});else if(a.kind==="preview"&&R.error&&!R.data)j=e.jsx(ke,{error:R.error,retry:u});else if(a.kind==="workspace"&&q.error)j=e.jsx(ke,{error:q.error,retry:()=>{q.refetch()}});else if(a.kind==="workspace"&&q.data){l=!0;const P=new URL(q.data.editorUrl);P.searchParams.set("library","1"),P.searchParams.set("libraryOrigin",window.location.origin),a.sessionId&&a.variantId&&(P.searchParams.set("historySession",a.sessionId),P.searchParams.set("historyVariant",a.variantId)),j=e.jsx("iframe",{ref:g,title:`${(w==null?void 0:w.name)??"Project"} workspace`,src:P.toString(),className:"min-h-0 w-full flex-1 border-0",allow:"clipboard-write"},P.toString())}else a.kind==="preview"&&A.error?j=e.jsx(ke,{error:A.error,retry:()=>{A.refetch()}}):a.kind==="preview"&&A.data?j=e.jsx("iframe",{title:`${(_==null?void 0:_.label)??"Saved direction"} preview`,src:A.data.url,sandbox:"allow-scripts allow-same-origin allow-forms allow-popups",className:"min-h-0 w-full flex-1 border-0 bg-white"}):a.kind==="preview"&&_&&!_.hasStaticPreview&&(j=e.jsxs("div",{className:"m-auto max-w-sm text-center",children:[e.jsx("p",{className:"text-sm",children:_.hasInteractivePreview?"Open this direction in its workspace":"This direction contains saved code changes"}),e.jsx("p",{className:"mt-2 text-xs leading-6 text-white/40",children:_.hasInteractivePreview?"Rivet will start the preview with this project’s dependencies and configuration.":"Open the project to continue working with its saved history."}),e.jsx("button",{onClick:M,disabled:(w==null?void 0:w.isAvailable)===!1,className:"mt-5 rounded-lg bg-white px-4 py-2.5 text-xs font-medium text-black disabled:opacity-30",children:"Open workspace"})]}));C=e.jsxs(e.Fragment,{children:[a.kind==="preview"?e.jsxs("header",{className:"flex h-14 shrink-0 items-center gap-3 border-b border-white/[0.07] px-5",children:[e.jsx("button",{"aria-label":"Back to projects",onClick:b,className:"rounded p-1.5 text-white/45 hover:bg-white/5",children:e.jsx(vs,{size:15})}),e.jsx("span",{className:"text-xs text-white/40",children:w==null?void 0:w.name}),_?e.jsxs(e.Fragment,{children:[e.jsx("span",{className:"text-white/20",children:"/"}),e.jsxs("form",{onSubmit:P=>{P.preventDefault();const F=new FormData(P.currentTarget);O.mutate(String(F.get("label")))},className:"flex min-w-0 flex-1 gap-2",children:[e.jsx("input",{name:"label","aria-label":"Direction name",defaultValue:_.label,className:"max-w-xs min-w-0 flex-1 bg-transparent text-xs text-white/80 outline-none"}),e.jsx("button",{disabled:O.isPending,className:"text-[10px] text-white/30 hover:text-white",children:"Rename"})]},`${_.projectId}:${_.variantId}`)]}):e.jsx("span",{className:"flex-1"}),a.kind==="preview"?e.jsxs("button",{onClick:M,disabled:(w==null?void 0:w.isAvailable)===!1,className:"flex items-center gap-1.5 rounded-md border border-white/10 px-3 py-1.5 text-[11px] text-white/70 disabled:opacity-30",children:["Edit in project",e.jsx(Nt,{size:12})]}):null]}):null,a.kind==="workspace"&&!l?e.jsx("button",{onClick:b,className:"absolute top-5 left-5 rounded px-2 py-1 text-xs text-white/50 hover:bg-white/5 hover:text-white",children:"Projects"}):null,O.error?e.jsx("p",{role:"alert",className:"px-5 py-2 text-xs text-red-200",children:O.error.message}):null,j]})}let K=C;m.error&&!m.data?K=e.jsx(ke,{error:m.error,retry:()=>{m.refetch()}}):m.isPending&&(K=e.jsx("div",{role:"status",className:"m-auto text-xs text-white/40",children:"Loading projects…"}));const Z=a.kind==="references"?"references":"library",ue=e.jsx(vr,{view:Z,onNavigate:l=>{s==null||s.capture("library_view_changed",{view:l==="references"?"references":"projects"}),E({kind:l})}});return a.kind==="references"&&(K=e.jsx(yr,{onBrowseProjects:b})),e.jsxs(e.Fragment,{children:[e.jsx(Vs,{projects:y,variants:(He=R.data)==null?void 0:He.variants,historyError:(Ke=R.error)==null?void 0:Ke.message,onRetryHistory:u,projectPreviews:Object.fromEntries(y.map((l,j)=>{var P,F;return[l.id,(F=(P=$[j])==null?void 0:P.data)==null?void 0:F.preview]})),selectedProjectId:a.projectId??null,onSelectProject:W,onBrowseLibrary:b,navigation:ue,view:Z,onOpenProject:I,onRenameProject:r,onRemoveProject:i,onSetProjectPinned:n,accountMenu:e.jsx(ws,{side:"top",align:"start"}),isOpeningProject:V.isPending,projectOpenError:(Qe=V.error)==null?void 0:Qe.message,onSearchCompleted:l=>s==null?void 0:s.capture("library_search_completed",{query_length:l}),children:K}),e.jsx(js,{position:"bottom-right",theme:"dark"})]})},Ir=async s=>{const t=await fetch("/api/library/browser-sessions",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(s)});if(!t.ok){const r=Y({error:x()}).safeParse(await t.json().catch(()=>null));throw new Error(r.success?r.data.error:"Could not start a library session.")}Is(Rs(await t.json()))},Rr=()=>{const{startLogin:s,isStartingLogin:t,loginError:r}=_s("library",Ir);return e.jsx("main",{className:"flex min-h-screen items-center justify-center bg-[#111215] px-6 text-white",children:e.jsxs("div",{className:"w-full max-w-sm rounded-2xl border border-white/10 bg-white/[0.04] p-8 text-center shadow-2xl",children:[e.jsx("h1",{className:"text-2xl font-semibold tracking-tight",children:"Rivet"}),e.jsx("p",{className:"mt-3 text-sm leading-6 text-white/60",children:"Sign in to open your project library on this computer."}),e.jsxs("button",{type:"button",onClick:()=>void s(),disabled:t,className:"mt-7 inline-flex h-10 w-full items-center justify-center gap-2 rounded-lg bg-white px-4 text-sm font-medium text-black disabled:opacity-60",children:[t?e.jsx(Et,{size:16,className:"animate-spin"}):null,t?"Connecting…":"Continue with Google"]}),r?e.jsx("p",{role:"alert",className:"mt-4 text-sm text-red-300",children:r}):null]})})},Pr=()=>h.useSyncExternalStore(ks,Ss)?e.jsx(_r,{}):e.jsx(Rr,{});export{Pr as default};