@kizenapps/cli 1.7.0-3667650 → 1.8.0-4befe38

package/README.md

@@ -37,6 +37,31 @@ On first run you'll be prompted to set up credentials — either stored globally
 
 Supported environments: `go`, `fmo`, `staging`, `integration`, `test1`.
 
+## Navigation context
+
+Plugin scripts can attach a JSON context payload to an in-app navigation:
+
+```js
+this.openWindow('/some/path', '_self', { recordId: 'abc', mode: 'edit' });
+```
+
+The engine transmits that payload out of band through `sessionStorage` and appends a `session_data_key` to the URL; the destination page reads it back with `readNavigationContext` / `consumeNavigationContext` (or the `useAppNavigationContext` React hook). The sandbox surfaces this end to end:
+
+- **Navigation Context panel** — a slide-out panel on the Routable Pages browser (toggled by the `context` button in its chrome, which shows a live event count) with a reverse-chronological log of every navigation that carried a context payload, plus any external `window.open` (which the engine drops context from). Each entry shows the target, whether a context payload rode along, its key and byte size, an expandable pretty-printed payload, and a status badge.
+- **Simulated destination page** — navigating to an in-app path that isn't a routable page in your plugin renders a stand-in for the real Kizen page. When the URL carries a valid context key it shows the payload and lets you **Consume**, **Clear**, or **Re-read** it, so you can confirm the destination sees exactly what the script sent (and that a re-read after consuming sees nothing).
+
+How the two navigation targets behave:
+
+- **`_self`** (same-tab, relative) — the context stays in this tab's `sessionStorage` across the navigation, so the destination reads it normally. The sandbox reads (does not consume) it when logging.
+- **`_blank`** (new-tab, relative, same origin) — the engine stores the context, opens the tab, then immediately deletes its own copy, relying on a real browser having already copied `sessionStorage` into the new tab.
+- **External / cross-origin** URLs — context is never attached and is dropped by design; these appear in the log as `ignored (external)`.
+
+**Fidelity limit:** a real `_blank` open gives the new tab its own `sessionStorage` copy. The sandbox has no real second tab, so the "opener" and the simulated destination share one `sessionStorage`; to keep the engine's reader helpers working, the harness snapshots the payload and re-inserts it under the same key immediately after the engine deletes it. Behavior matches a real browser for reading/consuming, but the two "tabs" are not truly isolated.
+
+**Scope boundary:** navigating to a path that matches one of your plugin's own routable pages activates that page's tab without carrying the URL through, so the page cannot observe its own `session_data_key` via the simulated location. Use the simulated destination page (any non-routable in-app path) to inspect what a destination receives.
+
+**Error surfacing:** if `sessionStorage` writes fail (e.g. quota exceeded, storage disabled), the engine navigates without context and reports a message through the same `onError` path every script artifact already uses — it shows in that artifact's result UI and the DevTools console, not as a separate log entry, because on failure the URL carries no key for the harness to detect. Note also that context is serialized with `JSON.stringify` inside the worker script: circular references and `BigInt` values throw there before any navigation happens, while functions, `undefined` values, and symbols are silently dropped.
+
 ## License
 
 GPL-3.0. See [LICENSE.md](./LICENSE.md).

package/dist/viewer/assets/AppDetailPage-B4lZl1Nu.js

@@ -0,0 +1 @@
+import{F as e,P as t}from"./fa-core-BSqLAjHu.js";import{t as n}from"./useParams-D3awshYI.js";import{t as r}from"./useQuery-JKMI40WO.js";import{t as i}from"./bundleQuery-BE1Gb8Ii.js";import{t as a}from"./Card-Sa52PGkn.js";import{n as o,r as s,t as c}from"./iconMap-B-cS2yrx.js";import{t as l}from"./blockDimensions-XngD6WWh.js";import{t as u}from"./formatBytes-BXYIMbyB.js";var d=e(),f=()=>{let{apiName:e}=n({strict:!1}),{data:f,isLoading:p,isError:m}=r(i);if(p)return(0,d.jsx)(a,{children:(0,d.jsx)(`p`,{className:`m-0 text-[13px] text-neutral-400`,children:`Fetching bundle.json…`})});if(m)return(0,d.jsx)(a,{children:(0,d.jsx)(`p`,{className:`m-0 text-[13px] text-red-700`,children:`Could not load bundle.json.`})});let h=f?.find(t=>t.api_name===e);if(!h)return(0,d.jsx)(a,{children:(0,d.jsxs)(`p`,{className:`m-0 text-[13px] text-neutral-500`,children:[`No app found with api_name`,` `,(0,d.jsx)(`code`,{className:`rounded bg-neutral-100 px-1 py-0.5`,children:e}),`.`]})});let{floating_frames:g,data_adornments:_,routable_pages:v,toolbar_items:y,js_action_templates:b,route_scripts:x,object_settings_menu_items:S,automation_action_configs:C,calendar_sources:w,custom_blocks:T}=h.artifacts,E=g.length>0||_.length>0||v.length>0||y.length>0||b.length>0||x.length>0||S.length>0||C.length>0||w.length>0||T.length>0,D=f?new TextEncoder().encode(JSON.stringify(f,null,2)).length:null,O=h.base_config,k=O?.setup_assistant?.fields??[],A=O?.user_setup_assistant?.fields??[];return(0,d.jsxs)(`div`,{className:`space-y-4 text-[13px]`,children:[(0,d.jsx)(a,{children:(0,d.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`h1`,{className:`text-lg font-bold leading-tight text-neutral-900`,children:h.name}),(0,d.jsx)(`p`,{className:`mt-0.5 font-mono text-[11px] text-neutral-400`,children:h.api_name})]}),h.description&&(0,d.jsx)(`p`,{className:`text-[13px] leading-relaxed text-neutral-600`,children:h.description}),(0,d.jsxs)(`div`,{className:`divide-y divide-black/5`,children:[h.version&&(0,d.jsxs)(`div`,{className:`flex items-center gap-3 py-2`,children:[(0,d.jsxs)(`span`,{className:`shrink-0 rounded bg-neutral-100 px-2 py-0.5 text-[11px] font-semibold tracking-wide text-neutral-600`,children:[`v`,h.version]}),(0,d.jsx)(`span`,{className:`text-[12px] text-neutral-500`,children:`App version`})]}),h.engine&&(0,d.jsxs)(`div`,{className:`flex items-center gap-3 py-2`,children:[(0,d.jsxs)(`span`,{className:`shrink-0 rounded bg-blue-50 px-2 py-0.5 text-[11px] font-semibold tracking-wide text-blue-600`,children:[`engine: `,h.engine]}),(0,d.jsx)(`span`,{className:`text-[12px] text-neutral-500`,children:`Plugin engine version`})]}),(0,d.jsxs)(`div`,{className:`flex items-center gap-3 py-2`,children:[(0,d.jsx)(`span`,{className:`shrink-0 rounded px-2 py-0.5 text-[11px] font-semibold tracking-wide ${h.published?`bg-green-100 text-green-700`:`bg-neutral-100 text-neutral-500`}`,children:h.published?`published`:`unpublished`}),(0,d.jsx)(`span`,{className:`text-[12px] text-neutral-500`,children:`Whether this app is publicly available`})]}),h.release_environments?.map(e=>(0,d.jsxs)(`div`,{className:`flex items-center gap-3 py-2`,children:[(0,d.jsx)(`span`,{className:`shrink-0 rounded bg-violet-50 px-2 py-0.5 text-[11px] font-semibold tracking-wide text-violet-600`,children:e}),(0,d.jsx)(`span`,{className:`text-[12px] text-neutral-500`,children:`Release environment`})]},e)),h.block_loading_for_setup&&(0,d.jsxs)(`div`,{className:`flex items-center gap-3 py-2`,children:[(0,d.jsx)(`span`,{className:`shrink-0 rounded bg-amber-100 px-2 py-0.5 text-[11px] font-semibold tracking-wide text-amber-700`,children:`blocks app loading`}),(0,d.jsx)(`span`,{className:`text-[12px] text-neutral-500`,children:`Whether this app blocks loading of Kizen UI until resources are fetched and processed`})]}),h.developer_business_id&&(typeof h.developer_business_id==`string`?(0,d.jsxs)(`div`,{className:`flex items-center gap-3 py-2`,children:[(0,d.jsxs)(`span`,{className:`shrink-0 rounded bg-neutral-100 px-2 py-0.5 font-mono text-[11px] tracking-wide text-neutral-500`,children:[`biz: `,h.developer_business_id]}),(0,d.jsx)(`span`,{className:`text-[12px] text-neutral-500`,children:`Developer business ID`})]}):Object.entries(h.developer_business_id).map(([e,t])=>(0,d.jsxs)(`div`,{className:`flex items-center gap-3 py-2`,children:[(0,d.jsxs)(`span`,{className:`shrink-0 rounded bg-neutral-100 px-2 py-0.5 font-mono text-[11px] tracking-wide text-neutral-500`,children:[`biz (`,e,`): `,t]}),(0,d.jsxs)(`span`,{className:`text-[12px] text-neutral-500`,children:[`Developer business ID (`,e,`)`]})]},e))),D!==null&&(0,d.jsxs)(`div`,{className:`flex items-center gap-3 py-2`,children:[(0,d.jsxs)(`span`,{className:`shrink-0 rounded bg-neutral-100 px-2 py-0.5 text-[11px] font-semibold tracking-wide text-neutral-600`,children:[`bundle: `,u(D)]}),(0,d.jsx)(`span`,{className:`text-[12px] text-neutral-500`,children:`Total size of bundle.json`})]})]})]})}),E||k.length>0||A.length>0||h.releaseNotes?(0,d.jsxs)(`div`,{className:`grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3`,children:[g.length>0&&(0,d.jsxs)(a,{children:[(0,d.jsxs)(`div`,{className:`mb-3 flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-widest text-neutral-400`,children:`Floating Frames`}),(0,d.jsx)(`span`,{className:`ml-auto rounded bg-neutral-100 px-1.5 py-0.5 text-[11px] font-semibold text-neutral-500`,children:g.length})]}),(0,d.jsxs)(`div`,{className:`mb-1 flex items-center gap-2 text-[10px] text-neutral-400`,children:[(0,d.jsx)(`span`,{className:`min-w-0 flex-1`,children:`Name`}),(0,d.jsx)(`span`,{className:`shrink-0`,children:`Position`})]}),(0,d.jsx)(`div`,{className:`divide-y divide-black/5`,children:g.map((e,t)=>(0,d.jsxs)(`div`,{className:`flex items-center gap-2 py-1.5`,children:[(0,d.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,d.jsx)(`div`,{className:`truncate text-neutral-900`,children:e.name}),(0,d.jsx)(`div`,{className:`truncate font-mono text-[11px] text-neutral-400`,children:e.api_name})]}),e.default_position&&(0,d.jsx)(`span`,{className:`shrink-0 rounded bg-neutral-100 px-1.5 py-0.5 text-[10px] text-neutral-500`,children:e.default_position})]},t))})]}),_.length>0&&(0,d.jsxs)(a,{children:[(0,d.jsxs)(`div`,{className:`mb-3 flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-widest text-neutral-400`,children:`Data Adornments`}),(0,d.jsx)(`span`,{className:`ml-auto rounded bg-neutral-100 px-1.5 py-0.5 text-[11px] font-semibold text-neutral-500`,children:_.length})]}),(0,d.jsxs)(`div`,{className:`mb-1 flex items-center gap-2 text-[10px] text-neutral-400`,children:[(0,d.jsx)(`span`,{className:`min-w-0 flex-1`,children:`Field`}),(0,d.jsx)(`span`,{className:`shrink-0`,children:`Type`})]}),(0,d.jsx)(`div`,{className:`divide-y divide-black/5`,children:_.map((e,n)=>(0,d.jsxs)(`div`,{className:`flex items-center gap-2 py-1.5`,children:[e.config.color&&(0,d.jsx)(`span`,{className:`h-3 w-4 shrink-0 rounded-sm border border-black/10`,style:{backgroundColor:e.config.color}}),e.config.icon&&(c[e.config.icon]?(0,d.jsx)(t,{icon:c[e.config.icon],className:`shrink-0 text-[12px] text-neutral-500`}):(0,d.jsx)(`span`,{className:`shrink-0 rounded px-1 font-mono text-[10px] ${s.has(e.config.icon)||o.has(e.config.icon)?`bg-neutral-100 text-neutral-400`:`bg-amber-100 text-amber-600`}`,children:e.config.icon})),(0,d.jsx)(`div`,{className:`min-w-0 flex-1 truncate text-neutral-900`,children:e.config.tooltip||e.field_type}),(0,d.jsx)(`span`,{className:`shrink-0 rounded bg-neutral-100 px-1.5 py-0.5 font-mono text-[10px] text-neutral-500`,children:e.field_type})]},n))})]}),v.length>0&&(0,d.jsxs)(a,{children:[(0,d.jsxs)(`div`,{className:`mb-3 flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-widest text-neutral-400`,children:`Routable Pages`}),(0,d.jsx)(`span`,{className:`ml-auto rounded bg-neutral-100 px-1.5 py-0.5 text-[11px] font-semibold text-neutral-500`,children:v.length})]}),(0,d.jsxs)(`div`,{className:`mb-1 flex items-center gap-2 text-[10px] text-neutral-400`,children:[(0,d.jsx)(`span`,{className:`min-w-0 flex-1`,children:`Page`}),(0,d.jsx)(`span`,{className:`shrink-0`,children:`Type`})]}),(0,d.jsx)(`div`,{className:`divide-y divide-black/5`,children:v.map((e,t)=>(0,d.jsxs)(`div`,{className:`flex items-center gap-2 py-1.5`,children:[(0,d.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,d.jsx)(`div`,{className:`truncate text-neutral-900`,children:e.name}),(0,d.jsx)(`div`,{className:`truncate font-mono text-[11px] text-neutral-400`,children:e.api_name})]}),e.iframe_url&&(0,d.jsx)(`span`,{className:`shrink-0 rounded bg-purple-100 px-1.5 py-0.5 text-[10px] font-semibold text-purple-600`,children:`iframe`})]},t))})]}),T.length>0&&(0,d.jsxs)(a,{children:[(0,d.jsxs)(`div`,{className:`mb-3 flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-widest text-neutral-400`,children:`Content Blocks`}),(0,d.jsx)(`span`,{className:`ml-auto rounded bg-neutral-100 px-1.5 py-0.5 text-[11px] font-semibold text-neutral-500`,children:T.length})]}),(0,d.jsxs)(`div`,{className:`mb-1 flex items-center gap-2 text-[10px] text-neutral-400`,children:[(0,d.jsx)(`span`,{className:`min-w-0 flex-1`,children:`Block`}),(0,d.jsx)(`span`,{className:`shrink-0`,children:`Grid (w×h)`})]}),(0,d.jsx)(`div`,{className:`divide-y divide-black/5`,children:T.map((e,t)=>{let n=l(e);return(0,d.jsxs)(`div`,{className:`flex items-center gap-2 py-1.5`,children:[(0,d.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,d.jsx)(`div`,{className:`truncate text-neutral-900`,children:e.name}),(0,d.jsx)(`div`,{className:`truncate font-mono text-[11px] text-neutral-400`,children:e.api_name})]}),(e.types??[]).map(e=>(0,d.jsx)(`span`,{className:`shrink-0 rounded bg-blue-50 px-1.5 py-0.5 text-[10px] font-semibold text-blue-600`,children:e},e)),(0,d.jsxs)(`span`,{className:`shrink-0 rounded bg-neutral-100 px-1.5 py-0.5 font-mono text-[10px] text-neutral-500`,children:[n.minW,`–`,n.maxW,`×`,n.minH,`–`,n.maxH]})]},t)})})]}),y.length>0&&(0,d.jsxs)(a,{children:[(0,d.jsxs)(`div`,{className:`mb-3 flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-widest text-neutral-400`,children:`Toolbar Items`}),(0,d.jsx)(`span`,{className:`ml-auto rounded bg-neutral-100 px-1.5 py-0.5 text-[11px] font-semibold text-neutral-500`,children:y.length})]}),(0,d.jsxs)(`div`,{className:`mb-1 flex items-center gap-2 text-[10px] text-neutral-400`,children:[(0,d.jsx)(`span`,{className:`min-w-0 flex-1`,children:`Label`}),(0,d.jsx)(`span`,{className:`shrink-0`,children:`Icon`})]}),(0,d.jsx)(`div`,{className:`divide-y divide-black/5`,children:y.map((e,n)=>(0,d.jsxs)(`div`,{className:`flex items-center gap-2 py-1.5`,children:[e.color&&(0,d.jsx)(`span`,{className:`h-3 w-4 shrink-0 rounded-sm border border-black/10`,style:{backgroundColor:e.color}}),(0,d.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,d.jsx)(`div`,{className:`truncate text-neutral-900`,children:e.label}),(0,d.jsx)(`div`,{className:`truncate font-mono text-[11px] text-neutral-400`,children:e.api_name})]}),e.icon&&(c[e.icon]?(0,d.jsx)(t,{icon:c[e.icon],className:`shrink-0 text-[12px] text-neutral-400`}):(0,d.jsx)(`span`,{className:`shrink-0 rounded px-1 font-mono text-[10px] ${s.has(e.icon)||o.has(e.icon)?`bg-neutral-100 text-neutral-400`:`bg-amber-100 text-amber-600`}`,children:e.icon}))]},n))})]}),b.length>0&&(0,d.jsxs)(a,{children:[(0,d.jsxs)(`div`,{className:`mb-3 flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-widest text-neutral-400`,children:`JS Action Templates`}),(0,d.jsx)(`span`,{className:`ml-auto rounded bg-neutral-100 px-1.5 py-0.5 text-[11px] font-semibold text-neutral-500`,children:b.length})]}),(0,d.jsxs)(`div`,{className:`mb-1 flex items-center gap-2 text-[10px] text-neutral-400`,children:[(0,d.jsx)(`span`,{className:`min-w-0 flex-1`,children:`Name`}),(0,d.jsx)(`span`,{className:`shrink-0`,children:`Object`})]}),(0,d.jsx)(`div`,{className:`divide-y divide-black/5`,children:b.map((e,t)=>(0,d.jsxs)(`div`,{className:`flex items-center gap-2 py-1.5`,children:[(0,d.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,d.jsx)(`div`,{className:`truncate text-neutral-900`,children:e.name}),(0,d.jsx)(`div`,{className:`truncate font-mono text-[11px] text-neutral-400`,children:e.api_name})]}),e.hint_object_name&&(0,d.jsx)(`span`,{className:`shrink-0 rounded bg-neutral-100 px-1.5 py-0.5 text-[10px] text-neutral-500`,children:e.hint_object_name})]},t))})]}),x.length>0&&(0,d.jsxs)(a,{children:[(0,d.jsxs)(`div`,{className:`mb-3 flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-widest text-neutral-400`,children:`Route Scripts`}),(0,d.jsx)(`span`,{className:`ml-auto rounded bg-neutral-100 px-1.5 py-0.5 text-[11px] font-semibold text-neutral-500`,children:x.length})]}),(0,d.jsxs)(`div`,{className:`mb-1 flex items-center gap-2 text-[10px] text-neutral-400`,children:[(0,d.jsx)(`span`,{className:`min-w-0 flex-1`,children:`Name`}),(0,d.jsx)(`span`,{className:`shrink-0`,children:`Routes`})]}),(0,d.jsx)(`div`,{className:`divide-y divide-black/5`,children:x.map((e,t)=>(0,d.jsxs)(`div`,{className:`flex items-center gap-2 py-1.5`,children:[(0,d.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,d.jsx)(`div`,{className:`truncate text-neutral-900`,children:e.name||e.api_name}),e.name&&(0,d.jsx)(`div`,{className:`truncate font-mono text-[11px] text-neutral-400`,children:e.api_name})]}),e.routes.length>0&&(0,d.jsxs)(`span`,{className:`shrink-0 rounded bg-neutral-100 px-1.5 py-0.5 text-[10px] text-neutral-500`,children:[e.routes.length,` route`,e.routes.length===1?``:`s`]})]},t))})]}),S.length>0&&(0,d.jsxs)(a,{children:[(0,d.jsxs)(`div`,{className:`mb-3 flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-widest text-neutral-400`,children:`Object Settings`}),(0,d.jsx)(`span`,{className:`ml-auto rounded bg-neutral-100 px-1.5 py-0.5 text-[11px] font-semibold text-neutral-500`,children:S.length})]}),(0,d.jsx)(`div`,{className:`mb-1 flex items-center gap-2 text-[10px] text-neutral-400`,children:(0,d.jsx)(`span`,{className:`min-w-0 flex-1`,children:`Label`})}),(0,d.jsx)(`div`,{className:`divide-y divide-black/5`,children:S.map((e,t)=>(0,d.jsx)(`div`,{className:`flex items-center gap-2 py-1.5`,children:(0,d.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,d.jsx)(`div`,{className:`truncate text-neutral-900`,children:e.label}),(0,d.jsx)(`div`,{className:`truncate font-mono text-[11px] text-neutral-400`,children:e.api_name})]})},t))})]}),C.length>0&&(0,d.jsxs)(a,{children:[(0,d.jsxs)(`div`,{className:`mb-3 flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-widest text-neutral-400`,children:`Automation Actions`}),(0,d.jsx)(`span`,{className:`ml-auto rounded bg-neutral-100 px-1.5 py-0.5 text-[11px] font-semibold text-neutral-500`,children:C.length})]}),(0,d.jsxs)(`div`,{className:`mb-1 flex items-center gap-2 text-[10px] text-neutral-400`,children:[(0,d.jsx)(`span`,{className:`min-w-0 flex-1`,children:`Name`}),(0,d.jsx)(`span`,{className:`shrink-0`,children:`Type`})]}),(0,d.jsx)(`div`,{className:`divide-y divide-black/5`,children:C.map((e,t)=>(0,d.jsxs)(`div`,{className:`flex items-center gap-2 py-1.5`,children:[(0,d.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,d.jsx)(`div`,{className:`truncate text-neutral-900`,children:e.name}),(0,d.jsx)(`div`,{className:`truncate font-mono text-[11px] text-neutral-400`,children:e.action_step_api_name})]}),e.action_type&&(0,d.jsx)(`span`,{className:`shrink-0 rounded bg-blue-50 px-1.5 py-0.5 text-[10px] font-semibold text-blue-600`,children:e.action_type})]},t))})]}),w.length>0&&(0,d.jsxs)(a,{children:[(0,d.jsxs)(`div`,{className:`mb-3 flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-widest text-neutral-400`,children:`Calendar Sources`}),(0,d.jsx)(`span`,{className:`ml-auto rounded bg-neutral-100 px-1.5 py-0.5 text-[11px] font-semibold text-neutral-500`,children:w.length})]}),(0,d.jsx)(`div`,{className:`mb-1 flex items-center gap-2 text-[10px] text-neutral-400`,children:(0,d.jsx)(`span`,{className:`min-w-0 flex-1`,children:`Name`})}),(0,d.jsx)(`div`,{className:`divide-y divide-black/5`,children:w.map((e,t)=>(0,d.jsx)(`div`,{className:`flex items-center gap-2 py-1.5`,children:(0,d.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,d.jsx)(`div`,{className:`truncate text-neutral-900`,children:e.name}),(0,d.jsx)(`div`,{className:`truncate font-mono text-[11px] text-neutral-400`,children:e.api_name})]})},t))})]}),k.length>0&&(0,d.jsxs)(a,{children:[(0,d.jsxs)(`div`,{className:`mb-3 flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-widest text-neutral-400`,children:`Setup Assistant`}),(0,d.jsx)(`span`,{className:`ml-auto rounded bg-neutral-100 px-1.5 py-0.5 text-[11px] font-semibold text-neutral-500`,children:k.length})]}),(0,d.jsxs)(`div`,{className:`mb-1 flex items-center gap-2 text-[10px] text-neutral-400`,children:[(0,d.jsx)(`span`,{className:`min-w-0 flex-1`,children:`Field`}),(0,d.jsx)(`span`,{className:`shrink-0`,children:`Type`})]}),(0,d.jsx)(`div`,{className:`divide-y divide-black/5`,children:k.map((e,t)=>(0,d.jsxs)(`div`,{className:`flex items-center gap-2 py-1.5`,children:[(0,d.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-neutral-900`,children:`label`in e?e.label??e.key:e.type}),(0,d.jsx)(`span`,{className:`shrink-0 rounded bg-neutral-100 px-1.5 py-0.5 font-mono text-[10px] text-neutral-500`,children:e.type})]},t))})]}),A.length>0&&(0,d.jsxs)(a,{children:[(0,d.jsxs)(`div`,{className:`mb-3 flex items-center gap-2`,children:[(0,d.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-widest text-neutral-400`,children:`User Setup Assistant`}),(0,d.jsx)(`span`,{className:`ml-auto rounded bg-neutral-100 px-1.5 py-0.5 text-[11px] font-semibold text-neutral-500`,children:A.length})]}),(0,d.jsxs)(`div`,{className:`mb-1 flex items-center gap-2 text-[10px] text-neutral-400`,children:[(0,d.jsx)(`span`,{className:`min-w-0 flex-1`,children:`Field`}),(0,d.jsx)(`span`,{className:`shrink-0`,children:`Type`})]}),(0,d.jsx)(`div`,{className:`divide-y divide-black/5`,children:A.map((e,t)=>(0,d.jsxs)(`div`,{className:`flex items-center gap-2 py-1.5`,children:[(0,d.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-neutral-900`,children:`label`in e?e.label??e.key:e.type}),(0,d.jsx)(`span`,{className:`shrink-0 rounded bg-neutral-100 px-1.5 py-0.5 font-mono text-[10px] text-neutral-500`,children:e.type})]},t))})]}),h.releaseNotes&&(0,d.jsxs)(a,{children:[(0,d.jsx)(`div`,{className:`mb-3 text-[11px] font-semibold uppercase tracking-widest text-neutral-400`,children:`Release Notes`}),(0,d.jsx)(`pre`,{className:`whitespace-pre-wrap font-mono text-[12px] leading-relaxed text-neutral-700`,children:h.releaseNotes})]})]}):(0,d.jsx)(a,{children:(0,d.jsx)(`p`,{className:`text-[13px] text-neutral-400`,children:`No plugin assets defined.`})})]})};export{f as AppDetailPage};

package/dist/viewer/assets/CodeStepsPage-C5l1pu51.js

@@ -0,0 +1 @@
+import{r as e}from"./rolldown-runtime-Dw2cE7zH.js";import{A as t,E as n,F as r,I as i,P as a,a as o,s}from"./fa-core-BSqLAjHu.js";import{t as c}from"./useNavigate-BL0GTcH4.js";import{t as l}from"./useParams-D3awshYI.js";import{t as u}from"./useQuery-JKMI40WO.js";import{t as d}from"./bundleQuery-BE1Gb8Ii.js";import{i as f,p}from"./api-ViOFtzH7.js";import{t as m}from"./Card-Sa52PGkn.js";import{t as h}from"./CodeViewer-CVECJY4e.js";import{t as g}from"./useLocalStorage-wp83IS34.js";import{i as _,r as v}from"./configStorage-CfwJ8JQJ.js";import{t as y}from"./WhenBadge-BD_2mB-N.js";var b=e(i(),1),x=r(),S=({title:e,defaultOpen:t=!1,children:n})=>{let[r,i]=(0,b.useState)(t);return(0,x.jsxs)(`div`,{children:[(0,x.jsxs)(`button`,{onClick:()=>{i(e=>!e)},className:`flex w-full items-center gap-1.5 py-1 text-[11px] font-semibold uppercase tracking-widest text-neutral-400 hover:text-neutral-600`,children:[(0,x.jsx)(a,{icon:r?o:s,className:`w-2.5`}),e]}),r&&(0,x.jsx)(`div`,{className:`pb-2`,children:n})]})},C=({result:e})=>{let t=Object.entries(e.outputValues);return(0,x.jsxs)(`div`,{className:`space-y-3 rounded-lg border border-black/10 bg-white p-4`,children:[(0,x.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,x.jsx)(`span`,{className:`rounded px-2 py-0.5 text-[11px] font-semibold ${e.success?`bg-green-100 text-green-700`:`bg-red-100 text-red-700`}`,children:e.success?`Success`:`Error`}),(0,x.jsxs)(`span`,{className:`text-[11px] text-neutral-400`,children:[String(e.durationMs),`ms`]}),e.exitCode!==0&&(0,x.jsxs)(`span`,{className:`text-[11px] text-neutral-400`,children:[`exit code `,String(e.exitCode)]}),(0,x.jsx)(`button`,{onClick:e=>{let t=e.currentTarget;for(;t;){if(t.scrollHeight>t.clientHeight){t.scrollTo({top:0,behavior:`smooth`});return}t=t.parentElement}},className:`ml-auto text-[11px] text-neutral-400 hover:text-neutral-600`,children:`↑ top`})]}),e.error&&(0,x.jsx)(`pre`,{className:`overflow-auto rounded bg-red-50 p-3 font-mono text-[12px] text-red-800`,children:e.error}),t.length>0&&(0,x.jsxs)(`div`,{children:[(0,x.jsx)(`div`,{className:`mb-1 text-[11px] font-semibold uppercase tracking-widest text-neutral-400`,children:`Outputs`}),(0,x.jsx)(`div`,{className:`divide-y divide-black/5`,children:t.map(([e,t])=>(0,x.jsxs)(`div`,{className:`flex items-start gap-2 py-1.5`,children:[(0,x.jsx)(`span`,{className:`shrink-0 font-mono text-[12px] text-neutral-600`,children:e}),(0,x.jsx)(`span`,{className:`text-[11px] text-neutral-300`,children:`=`}),(0,x.jsx)(`pre`,{className:`min-w-0 flex-1 overflow-auto font-mono text-[12px] text-neutral-800`,children:typeof t==`string`?t:JSON.stringify(t,null,2)})]},e))})]}),e.logs.length>0&&(0,x.jsx)(S,{title:`Logs (${String(e.logs.length)})`,children:(0,x.jsx)(`div`,{className:`space-y-0.5`,children:e.logs.map((e,t)=>(0,x.jsx)(`div`,{className:`font-mono text-[12px] text-neutral-600`,children:e},t))})}),e.stdout&&(0,x.jsx)(S,{title:`Stdout`,children:(0,x.jsx)(`pre`,{className:`overflow-auto rounded bg-neutral-50 p-3 font-mono text-[12px] text-neutral-700`,children:e.stdout})}),e.stderr&&(0,x.jsx)(S,{title:`Stderr`,children:(0,x.jsx)(`pre`,{className:`overflow-auto rounded bg-neutral-50 p-3 font-mono text-[12px] text-neutral-700`,children:e.stderr})}),e.httpRequests&&e.httpRequests.count>0&&(0,x.jsx)(S,{title:`Network (${String(e.httpRequests.count)}${e.httpRequests.notLogged>0?`, ${String(e.httpRequests.notLogged)} not logged`:``})`,children:(0,x.jsx)(`div`,{className:`space-y-1.5`,children:e.httpRequests.requests.map((e,t)=>(0,x.jsx)(E,{request:e},t))})})]})},w=e=>{switch(e.toUpperCase()){case`GET`:return`bg-blue-100 text-blue-700`;case`POST`:return`bg-green-100 text-green-700`;case`PUT`:case`PATCH`:return`bg-amber-100 text-amber-700`;case`DELETE`:return`bg-red-100 text-red-700`;default:return`bg-neutral-100 text-neutral-700`}},T=(e,t)=>t||e>=500?`text-red-700`:e>=400?`text-amber-700`:e>=200?`text-green-700`:`text-neutral-600`,E=({request:e})=>{let[t,n]=(0,b.useState)(!1),r=e.requestErrorType!==null;return(0,x.jsxs)(`div`,{className:`rounded border border-black/5 bg-neutral-50`,children:[(0,x.jsxs)(`button`,{onClick:()=>{n(e=>!e)},className:`flex w-full items-center gap-2 px-2.5 py-1.5 text-left hover:bg-neutral-100`,children:[(0,x.jsx)(a,{icon:t?o:s,className:`w-2.5 text-neutral-400`}),(0,x.jsx)(`span`,{className:`rounded px-1.5 py-0.5 font-mono text-[10px] font-semibold ${w(e.method)}`,children:e.method}),(0,x.jsx)(`span`,{className:`min-w-0 flex-1 truncate font-mono text-[12px] text-neutral-700`,children:e.url}),(0,x.jsx)(`span`,{className:`font-mono text-[11px] font-semibold ${T(e.responseStatusCode,r)}`,children:r?e.requestErrorType:e.responseStatusCode}),(0,x.jsxs)(`span`,{className:`font-mono text-[10px] text-neutral-400`,children:[(e.duration*1e3).toFixed(0),`ms`]})]}),t&&(0,x.jsxs)(`div`,{className:`space-y-2 border-t border-black/5 p-2.5`,children:[(0,x.jsx)(D,{title:`Request Headers`,data:e.headers}),e.body&&(0,x.jsx)(O,{title:`Request Body`,body:e.body}),(0,x.jsx)(D,{title:`Response Headers`,data:e.responseHeaders}),e.responseBody&&(0,x.jsx)(O,{title:`Response Body`,body:e.responseBody})]})]})},D=({title:e,data:t})=>{let n=Object.entries(t);return n.length===0?null:(0,x.jsxs)(`div`,{children:[(0,x.jsx)(`div`,{className:`mb-1 text-[10px] font-semibold uppercase tracking-widest text-neutral-400`,children:e}),(0,x.jsx)(`div`,{className:`divide-y divide-black/5 rounded border border-black/5 bg-white`,children:n.map(([e,t])=>(0,x.jsxs)(`div`,{className:`flex gap-2 px-2 py-1 font-mono text-[11px]`,children:[(0,x.jsxs)(`span`,{className:`shrink-0 text-neutral-500`,children:[e,`:`]}),(0,x.jsx)(`span`,{className:`min-w-0 flex-1 break-all text-neutral-800`,children:t})]},e))})]})},O=({title:e,body:t})=>(0,x.jsxs)(`div`,{children:[(0,x.jsx)(`div`,{className:`mb-1 text-[10px] font-semibold uppercase tracking-widest text-neutral-400`,children:e}),(0,x.jsx)(`pre`,{className:`overflow-auto rounded border border-black/5 bg-white p-2 font-mono text-[11px] text-neutral-800`,children:t})]}),k=[`python-3-12`,`python-3-13`],A=`python-3-13`,j={text:`s`,string:`s`,number:`n`,integer:`n`,boolean:`b`,date:`d`,datetime:`dt`,phone:`p`,phonenumber:`p`,uuid:`u`,file:`f`,list:`l`};function M(e){return j[e.toLowerCase()]??`s`}function N(e){return k.includes(e)}function P(e,t){let n=Object.keys(e);if(n.length===0)return null;let r={};for(let i of n)r[i]={t:M(t[i]??`string`),v:e[i]};return r}function F(e){let t=Object.keys(e);if(t.length===0)return null;let n={};for(let r of t)n[r]=M(e[r]??`string`);return n}function I(e){if(!e)return{};let t={};for(let[n,r]of Object.entries(e))t[n]=r.v;return t}function L(e){if(!e)return;let t=e.requests.map(e=>({method:e.method,url:e.url,headers:e.headers,body:e.body,requestSubmittedAt:e.requestSubmittedAt,session:e.session,responseStatusCode:e.responseStatusCode,responseHeaders:e.responseHeaders,responseBody:e.responseBody,requestErrorType:e.requestErrorType,duration:e.duration}));return{count:e.count,notLogged:e.not_logged,requests:t}}async function R(e,t){let n=Date.now(),r=t.scriptRuntime||A;if(!N(r))return{success:!1,outputValues:{},logs:[],stdout:``,stderr:``,error:`Unsupported runtime "${r}". Supported runtimes: ${k.join(`, `)}. Update the step's config.json "runtime" field (e.g. "python 3.13").`,exitCode:1,durationMs:Date.now()-n};let i={user_script:t.script,runtime:r,secrets:t.secretNames.length>0?t.secretNames:void 0,inputs:P(t.inputs,t.inputTypes),output_types:F(t.outputTypes)};try{let t=await e(`/coderunner/run`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify(i)}),r=Date.now()-n;if(!t.ok){let e=await t.text();return{success:!1,outputValues:{},logs:[],stdout:``,stderr:``,error:`Remote runner returned ${String(t.status)}: ${e}`,exitCode:1,durationMs:r}}let a=await t.json(),o=a.error!==null,s=L(a.http_requests),c={success:!o,outputValues:I(a.values),logs:a.logs??[],stdout:``,stderr:``,exitCode:+!!o,durationMs:a.duration_ms??r,...s&&{httpRequests:s}};return o&&a.error&&(c.error=a.error.detail?`${a.error.error}\n${a.error.detail}`:a.error.error),c}catch(e){return{success:!1,outputValues:{},logs:[],stdout:``,stderr:``,error:`Remote execution failed: ${e instanceof Error?e.message:String(e)}`,exitCode:1,durationMs:Date.now()-n}}}var z=()=>{let{apiName:e,stepApiName:r}=l({strict:!1}),i=c(),{data:o,isLoading:s,isError:S}=u(d),w=f(),[T,E]=(0,b.useState)(!1),[D,O]=(0,b.useState)(null),[k,A]=g(`kizen-step-inputs:${e??``}:${r??``}`,{}),[j,M]=g(`kizen-step-secrets:${e??``}:${r??``}`,{}),[N,P]=g(`kizen-code-runner-mode`,`local`),F=o?.find(t=>t.api_name===e),I=(0,b.useMemo)(()=>F?.artifacts.automation_action_configs??[],[F]),L=I.find(e=>e.action_step_api_name===r)??I[0],z=(0,b.useMemo)(()=>{if(!e||!F)return{};let t=F.base_config,n=v(e),r=_(e),i=p(n?.__kizen_clean_config??{},[],n?.__kizen_setup_assistant_values??{},t?.setup_assistant?.fields),a=p(r?.__kizen_clean_config??{},[],r?.__kizen_setup_assistant_values??{},t?.user_setup_assistant?.fields),o={};for(let[e,t]of Object.entries(i))o[`config__${e}`]=t;for(let[e,t]of Object.entries(a))o[`userConfig__${e}`]=t;return o},[e,F]);if((0,b.useEffect)(()=>{if(!r&&I.length>0&&e){let t=I[0];t&&i({to:`/$apiName/code-steps/$stepApiName`,params:{apiName:e,stepApiName:t.action_step_api_name},replace:!0})}},[r,I,e,i]),(0,b.useEffect)(()=>{O(null)},[r]),s)return(0,x.jsx)(m,{children:(0,x.jsx)(`p`,{className:`m-0 text-[13px] text-neutral-400`,children:`Fetching bundle.json…`})});if(S)return(0,x.jsx)(m,{children:(0,x.jsx)(`p`,{className:`m-0 text-[13px] text-red-700`,children:`Could not load bundle.json.`})});if(!F)return(0,x.jsx)(m,{children:(0,x.jsxs)(`p`,{className:`m-0 text-[13px] text-neutral-500`,children:[`No app found with api_name`,` `,(0,x.jsx)(`code`,{className:`rounded bg-neutral-100 px-1 py-0.5`,children:e}),`.`]})});if(I.length===0)return(0,x.jsx)(m,{children:(0,x.jsx)(`p`,{className:`m-0 text-[13px] text-neutral-500`,children:`This app has no automation code steps.`})});if(!L)return(0,x.jsx)(m,{children:(0,x.jsxs)(`p`,{className:`m-0 text-[13px] text-neutral-500`,children:[`Step not found: `,(0,x.jsx)(`code`,{className:`rounded bg-neutral-100 px-1 py-0.5`,children:r}),`.`]})});let B=async()=>{E(!0),O(null);try{let t=Object.fromEntries(L.inputs.map(e=>[e.name,k[e.name]??``])),n;n=N===`remote`?await R(w,{script:L.script,scriptRuntime:L.script_runtime,inputs:t,inputTypes:Object.fromEntries(L.inputs.map(e=>[e.name,e.data_type])),outputTypes:Object.fromEntries(L.outputs.map(e=>[e.name,e.data_type])),secretNames:L.secrets.map(t=>`${e??``}__${t}`)}):await(await fetch(`/api/execute-step`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({script:L.script,scriptRuntime:L.script_runtime,inputs:t,secrets:Object.fromEntries(L.secrets.map(t=>[`${e??``}__${t}`,j[t]??``]))})})).json(),O(n)}catch(e){O({success:!1,outputValues:{},logs:[],stdout:``,stderr:``,error:e instanceof Error?e.message:String(e),exitCode:1,durationMs:0})}finally{E(!1)}};return(0,x.jsxs)(`div`,{className:`space-y-4`,children:[(0,x.jsxs)(m,{children:[(0,x.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,x.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-widest text-neutral-400`,children:`Code Step`}),(0,x.jsx)(`select`,{value:L.action_step_api_name,onChange:t=>{e&&i({to:`/$apiName/code-steps/$stepApiName`,params:{apiName:e,stepApiName:t.target.value}})},className:`rounded border border-black/10 bg-transparent px-2 py-0.5 text-[13px] font-mono text-neutral-700 focus:outline-none`,children:I.map(e=>(0,x.jsx)(`option`,{value:e.action_step_api_name,children:e.name},e.action_step_api_name))}),(0,x.jsx)(`div`,{className:`flex-1`}),(0,x.jsx)(`span`,{className:`rounded bg-blue-50 px-1.5 py-0.5 text-[10px] font-semibold text-blue-600`,children:L.script_runtime})]}),L.overall_description&&(0,x.jsx)(`p`,{className:`mt-2 text-[12px] text-neutral-500`,children:L.overall_description}),L.when&&(0,x.jsx)(`div`,{className:`mt-2`,children:(0,x.jsx)(y,{when:L.when,whenState:z})})]}),(0,x.jsxs)(`div`,{className:`grid gap-4 lg:grid-cols-3`,children:[(0,x.jsxs)(m,{children:[(0,x.jsx)(`div`,{className:`mb-3 text-[11px] font-semibold uppercase tracking-widest text-neutral-400`,children:`Inputs`}),L.inputs.length>0?(0,x.jsx)(`div`,{className:`space-y-3`,children:L.inputs.map(e=>(0,x.jsxs)(`div`,{children:[(0,x.jsxs)(`label`,{className:`mb-1 block text-[12px] text-neutral-700`,children:[e.label,e.required&&(0,x.jsx)(`span`,{className:`ml-0.5 text-red-500`,children:`*`})]}),(0,x.jsx)(`input`,{type:`text`,value:k[e.name]??``,onChange:t=>{A({...k,[e.name]:t.target.value})},placeholder:e.name,className:`w-full rounded border border-black/10 bg-white px-2.5 py-1.5 font-mono text-[13px] text-neutral-800 placeholder:text-neutral-300 focus:border-blue-300 focus:outline-none`}),(0,x.jsx)(`div`,{className:`mt-0.5 font-mono text-[10px] text-neutral-400`,children:e.name})]},e.name))}):(0,x.jsx)(`p`,{className:`m-0 text-[12px] text-neutral-400`,children:`None defined.`})]}),(0,x.jsxs)(m,{children:[(0,x.jsx)(`div`,{className:`mb-3 text-[11px] font-semibold uppercase tracking-widest text-neutral-400`,children:`Outputs`}),L.outputs.length>0?(0,x.jsx)(`div`,{className:`space-y-2`,children:L.outputs.map(e=>(0,x.jsxs)(`div`,{className:`flex items-baseline gap-2 rounded border border-black/5 bg-neutral-50 px-2.5 py-1.5`,children:[(0,x.jsx)(`span`,{className:`text-[13px] text-neutral-700`,children:e.label}),(0,x.jsx)(`span`,{className:`font-mono text-[10px] text-neutral-400`,children:e.name}),(0,x.jsx)(`span`,{className:`ml-auto rounded bg-white px-1.5 py-0.5 font-mono text-[10px] text-neutral-500`,children:e.data_type})]},e.name))}):(0,x.jsx)(`p`,{className:`m-0 text-[12px] text-neutral-400`,children:`None defined.`})]}),(0,x.jsxs)(m,{children:[(0,x.jsx)(`div`,{className:`mb-3 text-[11px] font-semibold uppercase tracking-widest text-neutral-400`,children:`Secrets`}),N===`remote`&&(0,x.jsx)(`p`,{className:`mb-3 rounded border border-blue-100 bg-blue-50 px-2.5 py-1.5 text-[12px] text-blue-700`,children:`Remote runner uses secrets from your business context.`}),L.secrets.length>0?(0,x.jsx)(`div`,{className:`space-y-3`,children:L.secrets.map(e=>(0,x.jsxs)(`div`,{children:[(0,x.jsx)(`label`,{className:`mb-1 block text-[12px] text-neutral-700`,children:e}),(0,x.jsx)(`input`,{type:`password`,value:j[e]??``,onChange:t=>{M({...j,[e]:t.target.value})},placeholder:e,disabled:N===`remote`,className:`w-full rounded border border-black/10 bg-white px-2.5 py-1.5 font-mono text-[13px] text-neutral-800 placeholder:text-neutral-300 focus:border-blue-300 focus:outline-none disabled:cursor-not-allowed disabled:bg-neutral-50 disabled:text-neutral-400`})]},e))}):(0,x.jsx)(`p`,{className:`m-0 text-[12px] text-neutral-400`,children:`None defined.`})]})]}),(0,x.jsx)(h,{code:L.script,language:`python`,onRun:()=>void B(),isRunning:T,executionMode:N,onModeChange:P}),(0,x.jsx)(`div`,{className:`sticky bottom-0 z-10 max-h-[60vh] overflow-y-auto rounded-lg shadow-[0_-8px_24px_-12px_rgba(0,0,0,0.18)]`,children:D?(0,x.jsx)(C,{result:D}):(0,x.jsx)(`div`,{className:`flex items-center gap-2 rounded-lg border border-dashed border-black/10 bg-white px-4 py-3`,children:T?(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(a,{icon:t,className:`animate-spin text-neutral-400`}),(0,x.jsx)(`span`,{className:`text-[12px] text-neutral-500`,children:`Running step…`})]}):(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(a,{icon:n,className:`text-neutral-300`}),(0,x.jsx)(`span`,{className:`text-[12px] text-neutral-400`,children:`Run the step to see output, logs, and network activity here.`})]})})})]})};export{z as CodeStepsPage};

package/dist/viewer/assets/{ConfigurationPage-BPe2YfgC.js → ConfigurationPage-DMUqeW2V.js}

@@ -1 +1 @@
-import{r as e}from"./rolldown-runtime-Dw2cE7zH.js";import{A as t,F as n,I as r,P as i}from"./fa-core-BSqLAjHu.js";import{t as a}from"./useParams-D3awshYI.js";import{t as o}from"./useQuery-JKMI40WO.js";import{n as s}from"./BootstrapContext-CS2e3X9Y.js";import{c,n as l,r as u,s as d,t as f}from"./useCriticalExceptionDialog-C60A18a6.js";import{t as p}from"./bundleQuery-BE1Gb8Ii.js";import{n as m}from"./CredentialsContext-Cwl_xyt_.js";import{i as h,k as g,n as _,r as v}from"./api-Z7hihohh.js";import{n as y,t as b}from"./Dialog-C3QoiHOt.js";import{t as x}from"./Card-Sa52PGkn.js";import{t as S}from"./CodeViewer-270Os8MC.js";import{c as C,i as w,n as T,o as E,r as D,s as O,t as k}from"./configStorage-Bmswf3bC.js";var A=e(r(),1),j=n(),M=e=>e?JSON.stringify(e,null,2):`{}`,N=({apiName:e,configTemplate:t})=>{let n=D(e),r=M(t),[i,a]=(0,A.useState)(n?.__kizen_clean_config?JSON.stringify(n.__kizen_clean_config,null,2):r),[o,s]=(0,A.useState)(null),[c,l]=(0,A.useState)(!1);return(0,j.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,j.jsx)(`div`,{className:`flex items-center justify-between`,children:(0,j.jsxs)(`p`,{className:`text-[13px] text-neutral-500 m-0`,children:[`No setup assistant defined. Enter configuration as JSON.`,t?` Pre-populated from config_template.`:``]})}),(0,j.jsx)(`textarea`,{value:i,onChange:e=>{a(e.target.value),s(null),l(!1)},spellCheck:!1,className:`w-full min-h-[300px] rounded border p-3 text-[13px] font-mono leading-relaxed focus:outline-none focus:ring-1 ${o?`border-red-300 focus:ring-red-400`:`border-black/10 focus:ring-blue-400`}`}),o&&(0,j.jsxs)(`span`,{className:`text-[12px] text-red-500`,children:[`Parse error: `,o]}),(0,j.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsx)(`button`,{onClick:()=>{try{O(e,JSON.parse(i)),s(null),l(!0),setTimeout(()=>{l(!1)},2e3)}catch(e){s(e instanceof Error?e.message:`Invalid JSON`),l(!1)}},className:`rounded bg-blue-600 px-4 py-1.5 text-[13px] font-medium text-white hover:bg-blue-700 active:bg-blue-800`,children:`Save Configuration`}),(0,j.jsx)(`button`,{onClick:()=>{k(e),a(r),s(null),l(!1)},className:`rounded border border-black/10 px-4 py-1.5 text-[13px] font-medium text-neutral-600 hover:bg-neutral-50 active:bg-neutral-100`,children:`Reset`}),c&&(0,j.jsx)(`span`,{className:`text-[12px] text-green-600 font-medium`,children:`Saved`})]})]})},P=({open:e,onClose:t,apiName:n,loadFn:r,label:i})=>{let a=(0,A.useMemo)(()=>e?r(n)?.__kizen_clean_config??null:null,[e,n,r]),o=(0,A.useMemo)(()=>a?JSON.stringify(a,null,2):``,[a]),[s,c]=(0,A.useState)(!1);return(0,A.useEffect)(()=>{e||c(!1)},[e]),(0,j.jsx)(b,{open:e,size:`xl`,ariaModal:!0,onBackdropClick:t,header:(0,j.jsx)(y,{title:`Stored JSON — ${i}`,onClose:t}),footer:a?(0,j.jsx)(`button`,{onClick:()=>{navigator.clipboard.writeText(o).then(()=>{c(!0),setTimeout(()=>{c(!1)},1200)})},className:`rounded border border-black/10 px-3 py-1 text-[12px] font-medium text-neutral-600 hover:bg-neutral-50 active:bg-neutral-100`,children:s?`Copied`:`Copy`}):void 0,children:(0,j.jsxs)(`div`,{className:`px-5 py-4`,children:[(0,j.jsxs)(`p`,{className:`m-0 mb-3 text-[12px] text-neutral-500`,children:[`This is the saved JSON the plugin runtime will see as`,` `,(0,j.jsx)(`code`,{className:`rounded bg-neutral-100 px-1 font-mono text-[11px]`,children:i}),`. Save the form to refresh.`]}),a?(0,j.jsx)(S,{code:o,language:`json`}):(0,j.jsx)(`div`,{className:`rounded border border-dashed border-black/10 px-4 py-6 text-center text-[12px] text-neutral-400`,children:`No saved configuration yet. Save the form to populate this view.`})]})})},F=({config:e,apiName:t,loadFn:n,saveFn:r,clearFn:i})=>{let a=n(t)?.__kizen_setup_assistant_values,o=(0,A.useRef)({}),[s,d]=(0,A.useState)(!1),{getObjectByAPIName:f,getCustomObjectDetails:p}=l(),m=(0,A.useCallback)(e=>{o.current=e},[]);return(0,j.jsx)(c,{config:e,value:a,onStateChange:m,disabledKeys:[],getObjectByAPIName:f,getCustomObjectDetails:p,children:(0,j.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[e.fields?.map(e=>(0,j.jsx)(u,{field:e,pluginApiName:t},e.key)),(0,j.jsxs)(`div`,{className:`flex items-center gap-2 mt-2`,children:[(0,j.jsx)(`button`,{onClick:()=>{let n=o.current;r(t,n,e),d(!0),setTimeout(()=>{d(!1)},2e3)},className:`rounded bg-blue-600 px-4 py-1.5 text-[13px] font-medium text-white hover:bg-blue-700 active:bg-blue-800`,children:`Save Configuration`}),(0,j.jsx)(`button`,{onClick:()=>{i(t),window.location.reload()},className:`rounded border border-black/10 px-4 py-1.5 text-[13px] font-medium text-neutral-600 hover:bg-neutral-50 active:bg-neutral-100`,children:`Reset`}),s&&(0,j.jsx)(`span`,{className:`text-[12px] text-green-600 font-medium`,children:`Saved`})]})]})})},I=({config:e,apiName:n,loadFn:r,saveFn:a,clearFn:o})=>{let c=s(),l=h(),u=(0,A.useMemo)(()=>g(l),[l]),{environment:p}=m(),y=_[p],[b,x]=(0,A.useState)(!1),[S,C]=(0,A.useState)(!1),{onMonitoringException:w,dialog:T}=f();return c?(0,j.jsx)(d,{appPath:y,user:{id:c.team.user,crm_client_id:``},business:c.business,clientObject:c.business.client_object?{id:c.business.client_object.id,objectName:c.business.client_object.object_name}:void 0,teamMember:c.team,onNavigate:()=>{},performFileUpload:()=>Promise.resolve({url:``}),monitoringExceptionHelper:w,performRequest:v(u),modal:{showing:b,show:S,showPrompt:()=>{x(!0),C(!0)},onConfirm:()=>{x(!1),C(!1)},onHide:()=>{x(!1),C(!1)}},showToast:()=>{},clearToasts:()=>{},children:()=>(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(F,{config:e,apiName:n,loadFn:r,saveFn:a,clearFn:o}),T]})}):(0,j.jsx)(i,{icon:t,className:`animate-spin text-neutral-400`})},L=()=>{let{apiName:e}=a({strict:!1}),{data:t,isLoading:n,isError:r}=o(p),[i,s]=(0,A.useState)(null);if(n)return(0,j.jsx)(x,{children:(0,j.jsx)(`p`,{className:`m-0 text-[13px] text-neutral-400`,children:`Fetching bundle.json…`})});if(r)return(0,j.jsx)(x,{children:(0,j.jsx)(`p`,{className:`m-0 text-[13px] text-red-700`,children:`Could not load bundle.json.`})});let c=t?.find(t=>t.api_name===e);if(!c)return(0,j.jsx)(x,{children:(0,j.jsxs)(`p`,{className:`m-0 text-[13px] text-neutral-500`,children:[`No app found with api_name`,` `,(0,j.jsx)(`code`,{className:`rounded bg-neutral-100 px-1 py-0.5`,children:e}),`.`]})});let l=c.base_config,u=l?.setup_assistant,d=l?.user_setup_assistant,f=(u?.fields?.length??0)>0,m=(d?.fields?.length??0)>0;return!f&&!m?(0,j.jsx)(x,{children:(0,j.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,j.jsxs)(`div`,{children:[(0,j.jsx)(`h2`,{className:`text-[15px] font-bold text-neutral-900 m-0`,children:`Configuration`}),(0,j.jsx)(`p`,{className:`text-[12px] text-neutral-400 m-0 mt-1`,children:`Enter plugin configuration as JSON.`})]}),(0,j.jsx)(N,{apiName:e??``,configTemplate:c.config_template})]})}):(0,j.jsxs)(`div`,{className:`flex flex-col gap-4 lg:flex-row lg:items-start`,children:[f&&u&&(0,j.jsx)(x,{className:`lg:flex-1 lg:min-w-0`,children:(0,j.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,j.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,j.jsxs)(`div`,{className:`min-w-0`,children:[(0,j.jsx)(`h2`,{className:`text-[15px] font-bold text-neutral-900 m-0`,children:`Business Configuration`}),(0,j.jsxs)(`p`,{className:`text-[12px] text-neutral-400 m-0 mt-1`,children:[`Configure the business-level setup assistant fields. These values are shared across the whole business and exposed to plugin scripts at`,` `,(0,j.jsx)(`code`,{className:`rounded bg-neutral-100 px-1 font-mono text-[11px]`,children:`this.config`}),`.`]})]}),(0,j.jsx)(`button`,{onClick:()=>{s(`business`)},className:`shrink-0 rounded border border-black/10 px-3 py-1.5 text-[12px] font-medium text-neutral-600 hover:bg-neutral-50 active:bg-neutral-100`,children:`View JSON`})]}),(0,j.jsx)(I,{config:u,apiName:e??``,loadFn:D,saveFn:E,clearFn:k})]})}),m&&d&&(0,j.jsx)(x,{className:`lg:flex-1 lg:min-w-0`,children:(0,j.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,j.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,j.jsxs)(`div`,{className:`min-w-0`,children:[(0,j.jsx)(`h2`,{className:`text-[15px] font-bold text-neutral-900 m-0`,children:`User Configuration`}),(0,j.jsxs)(`p`,{className:`text-[12px] text-neutral-400 m-0 mt-1`,children:[`Configure the per-user setup assistant fields. These values are scoped to the logged-in user and exposed to plugin scripts at`,` `,(0,j.jsx)(`code`,{className:`rounded bg-neutral-100 px-1 font-mono text-[11px]`,children:`this.userConfig`}),`.`]})]}),(0,j.jsx)(`button`,{onClick:()=>{s(`user`)},className:`shrink-0 rounded border border-black/10 px-3 py-1.5 text-[12px] font-medium text-neutral-600 hover:bg-neutral-50 active:bg-neutral-100`,children:`View JSON`})]}),(0,j.jsx)(I,{config:d,apiName:e??``,loadFn:w,saveFn:C,clearFn:T})]})}),(0,j.jsx)(P,{open:i===`business`,onClose:()=>{s(null)},apiName:e??``,loadFn:D,label:`this.config`}),(0,j.jsx)(P,{open:i===`user`,onClose:()=>{s(null)},apiName:e??``,loadFn:w,label:`this.userConfig`})]})};export{L as ConfigurationPage};
+import{r as e}from"./rolldown-runtime-Dw2cE7zH.js";import{A as t,F as n,I as r,P as i}from"./fa-core-BSqLAjHu.js";import{t as a}from"./useParams-D3awshYI.js";import{t as o}from"./useQuery-JKMI40WO.js";import{n as s}from"./BootstrapContext-CS2e3X9Y.js";import{c,n as l,r as u,s as d,t as f}from"./useCriticalExceptionDialog-CncFngL7.js";import{t as p}from"./bundleQuery-BE1Gb8Ii.js";import{n as m}from"./CredentialsContext-Cwl_xyt_.js";import{N as h,i as g,n as _,r as v}from"./api-ViOFtzH7.js";import{n as y,t as b}from"./Dialog-C3QoiHOt.js";import{t as x}from"./Card-Sa52PGkn.js";import{t as S}from"./CodeViewer-CVECJY4e.js";import{c as C,i as w,n as T,o as E,r as D,s as O,t as k}from"./configStorage-CfwJ8JQJ.js";var A=e(r(),1),j=n(),M=e=>e?JSON.stringify(e,null,2):`{}`,N=({apiName:e,configTemplate:t})=>{let n=D(e),r=M(t),[i,a]=(0,A.useState)(n?.__kizen_clean_config?JSON.stringify(n.__kizen_clean_config,null,2):r),[o,s]=(0,A.useState)(null),[c,l]=(0,A.useState)(!1);return(0,j.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,j.jsx)(`div`,{className:`flex items-center justify-between`,children:(0,j.jsxs)(`p`,{className:`text-[13px] text-neutral-500 m-0`,children:[`No setup assistant defined. Enter configuration as JSON.`,t?` Pre-populated from config_template.`:``]})}),(0,j.jsx)(`textarea`,{value:i,onChange:e=>{a(e.target.value),s(null),l(!1)},spellCheck:!1,className:`w-full min-h-[300px] rounded border p-3 text-[13px] font-mono leading-relaxed focus:outline-none focus:ring-1 ${o?`border-red-300 focus:ring-red-400`:`border-black/10 focus:ring-blue-400`}`}),o&&(0,j.jsxs)(`span`,{className:`text-[12px] text-red-500`,children:[`Parse error: `,o]}),(0,j.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,j.jsx)(`button`,{onClick:()=>{try{O(e,JSON.parse(i)),s(null),l(!0),setTimeout(()=>{l(!1)},2e3)}catch(e){s(e instanceof Error?e.message:`Invalid JSON`),l(!1)}},className:`rounded bg-blue-600 px-4 py-1.5 text-[13px] font-medium text-white hover:bg-blue-700 active:bg-blue-800`,children:`Save Configuration`}),(0,j.jsx)(`button`,{onClick:()=>{k(e),a(r),s(null),l(!1)},className:`rounded border border-black/10 px-4 py-1.5 text-[13px] font-medium text-neutral-600 hover:bg-neutral-50 active:bg-neutral-100`,children:`Reset`}),c&&(0,j.jsx)(`span`,{className:`text-[12px] text-green-600 font-medium`,children:`Saved`})]})]})},P=({open:e,onClose:t,apiName:n,loadFn:r,label:i})=>{let a=(0,A.useMemo)(()=>e?r(n)?.__kizen_clean_config??null:null,[e,n,r]),o=(0,A.useMemo)(()=>a?JSON.stringify(a,null,2):``,[a]),[s,c]=(0,A.useState)(!1);return(0,A.useEffect)(()=>{e||c(!1)},[e]),(0,j.jsx)(b,{open:e,size:`xl`,ariaModal:!0,onBackdropClick:t,header:(0,j.jsx)(y,{title:`Stored JSON — ${i}`,onClose:t}),footer:a?(0,j.jsx)(`button`,{onClick:()=>{navigator.clipboard.writeText(o).then(()=>{c(!0),setTimeout(()=>{c(!1)},1200)})},className:`rounded border border-black/10 px-3 py-1 text-[12px] font-medium text-neutral-600 hover:bg-neutral-50 active:bg-neutral-100`,children:s?`Copied`:`Copy`}):void 0,children:(0,j.jsxs)(`div`,{className:`px-5 py-4`,children:[(0,j.jsxs)(`p`,{className:`m-0 mb-3 text-[12px] text-neutral-500`,children:[`This is the saved JSON the plugin runtime will see as`,` `,(0,j.jsx)(`code`,{className:`rounded bg-neutral-100 px-1 font-mono text-[11px]`,children:i}),`. Save the form to refresh.`]}),a?(0,j.jsx)(S,{code:o,language:`json`}):(0,j.jsx)(`div`,{className:`rounded border border-dashed border-black/10 px-4 py-6 text-center text-[12px] text-neutral-400`,children:`No saved configuration yet. Save the form to populate this view.`})]})})},F=({config:e,apiName:t,loadFn:n,saveFn:r,clearFn:i})=>{let a=n(t)?.__kizen_setup_assistant_values,o=(0,A.useRef)({}),[s,d]=(0,A.useState)(!1),{getObjectByAPIName:f,getCustomObjectDetails:p}=l(),m=(0,A.useCallback)(e=>{o.current=e},[]);return(0,j.jsx)(c,{config:e,value:a,onStateChange:m,disabledKeys:[],getObjectByAPIName:f,getCustomObjectDetails:p,children:(0,j.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[e.fields?.map(e=>(0,j.jsx)(u,{field:e,pluginApiName:t},e.key)),(0,j.jsxs)(`div`,{className:`flex items-center gap-2 mt-2`,children:[(0,j.jsx)(`button`,{onClick:()=>{let n=o.current;r(t,n,e),d(!0),setTimeout(()=>{d(!1)},2e3)},className:`rounded bg-blue-600 px-4 py-1.5 text-[13px] font-medium text-white hover:bg-blue-700 active:bg-blue-800`,children:`Save Configuration`}),(0,j.jsx)(`button`,{onClick:()=>{i(t),window.location.reload()},className:`rounded border border-black/10 px-4 py-1.5 text-[13px] font-medium text-neutral-600 hover:bg-neutral-50 active:bg-neutral-100`,children:`Reset`}),s&&(0,j.jsx)(`span`,{className:`text-[12px] text-green-600 font-medium`,children:`Saved`})]})]})})},I=({config:e,apiName:n,loadFn:r,saveFn:a,clearFn:o})=>{let c=s(),l=g(),u=(0,A.useMemo)(()=>h(l),[l]),{environment:p}=m(),y=_[p],[b,x]=(0,A.useState)(!1),[S,C]=(0,A.useState)(!1),{onMonitoringException:w,dialog:T}=f();return c?(0,j.jsx)(d,{appPath:y,user:{id:c.team.user,crm_client_id:``},business:c.business,clientObject:c.business.client_object?{id:c.business.client_object.id,objectName:c.business.client_object.object_name}:void 0,teamMember:c.team,onNavigate:()=>{},performFileUpload:()=>Promise.resolve({url:``}),monitoringExceptionHelper:w,performRequest:v(u),modal:{showing:b,show:S,showPrompt:()=>{x(!0),C(!0)},onConfirm:()=>{x(!1),C(!1)},onHide:()=>{x(!1),C(!1)}},showToast:()=>{},clearToasts:()=>{},children:()=>(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(F,{config:e,apiName:n,loadFn:r,saveFn:a,clearFn:o}),T]})}):(0,j.jsx)(i,{icon:t,className:`animate-spin text-neutral-400`})},L=()=>{let{apiName:e}=a({strict:!1}),{data:t,isLoading:n,isError:r}=o(p),[i,s]=(0,A.useState)(null);if(n)return(0,j.jsx)(x,{children:(0,j.jsx)(`p`,{className:`m-0 text-[13px] text-neutral-400`,children:`Fetching bundle.json…`})});if(r)return(0,j.jsx)(x,{children:(0,j.jsx)(`p`,{className:`m-0 text-[13px] text-red-700`,children:`Could not load bundle.json.`})});let c=t?.find(t=>t.api_name===e);if(!c)return(0,j.jsx)(x,{children:(0,j.jsxs)(`p`,{className:`m-0 text-[13px] text-neutral-500`,children:[`No app found with api_name`,` `,(0,j.jsx)(`code`,{className:`rounded bg-neutral-100 px-1 py-0.5`,children:e}),`.`]})});let l=c.base_config,u=l?.setup_assistant,d=l?.user_setup_assistant,f=(u?.fields?.length??0)>0,m=(d?.fields?.length??0)>0;return!f&&!m?(0,j.jsx)(x,{children:(0,j.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,j.jsxs)(`div`,{children:[(0,j.jsx)(`h2`,{className:`text-[15px] font-bold text-neutral-900 m-0`,children:`Configuration`}),(0,j.jsx)(`p`,{className:`text-[12px] text-neutral-400 m-0 mt-1`,children:`Enter plugin configuration as JSON.`})]}),(0,j.jsx)(N,{apiName:e??``,configTemplate:c.config_template})]})}):(0,j.jsxs)(`div`,{className:`flex flex-col gap-4 lg:flex-row lg:items-start`,children:[f&&u&&(0,j.jsx)(x,{className:`lg:flex-1 lg:min-w-0`,children:(0,j.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,j.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,j.jsxs)(`div`,{className:`min-w-0`,children:[(0,j.jsx)(`h2`,{className:`text-[15px] font-bold text-neutral-900 m-0`,children:`Business Configuration`}),(0,j.jsxs)(`p`,{className:`text-[12px] text-neutral-400 m-0 mt-1`,children:[`Configure the business-level setup assistant fields. These values are shared across the whole business and exposed to plugin scripts at`,` `,(0,j.jsx)(`code`,{className:`rounded bg-neutral-100 px-1 font-mono text-[11px]`,children:`this.config`}),`.`]})]}),(0,j.jsx)(`button`,{onClick:()=>{s(`business`)},className:`shrink-0 rounded border border-black/10 px-3 py-1.5 text-[12px] font-medium text-neutral-600 hover:bg-neutral-50 active:bg-neutral-100`,children:`View JSON`})]}),(0,j.jsx)(I,{config:u,apiName:e??``,loadFn:D,saveFn:E,clearFn:k})]})}),m&&d&&(0,j.jsx)(x,{className:`lg:flex-1 lg:min-w-0`,children:(0,j.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,j.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,j.jsxs)(`div`,{className:`min-w-0`,children:[(0,j.jsx)(`h2`,{className:`text-[15px] font-bold text-neutral-900 m-0`,children:`User Configuration`}),(0,j.jsxs)(`p`,{className:`text-[12px] text-neutral-400 m-0 mt-1`,children:[`Configure the per-user setup assistant fields. These values are scoped to the logged-in user and exposed to plugin scripts at`,` `,(0,j.jsx)(`code`,{className:`rounded bg-neutral-100 px-1 font-mono text-[11px]`,children:`this.userConfig`}),`.`]})]}),(0,j.jsx)(`button`,{onClick:()=>{s(`user`)},className:`shrink-0 rounded border border-black/10 px-3 py-1.5 text-[12px] font-medium text-neutral-600 hover:bg-neutral-50 active:bg-neutral-100`,children:`View JSON`})]}),(0,j.jsx)(I,{config:d,apiName:e??``,loadFn:w,saveFn:C,clearFn:T})]})}),(0,j.jsx)(P,{open:i===`business`,onClose:()=>{s(null)},apiName:e??``,loadFn:D,label:`this.config`}),(0,j.jsx)(P,{open:i===`user`,onClose:()=>{s(null)},apiName:e??``,loadFn:w,label:`this.userConfig`})]})};export{L as ConfigurationPage};

package/dist/viewer/assets/{DevSidebar-BRP2rhyU.js → DevSidebar-zX-4CWYv.js}

@@ -1 +1 @@
-import{r as e}from"./rolldown-runtime-Dw2cE7zH.js";import{F as t,I as n,N as r,P as i,a,s as o}from"./fa-core-BSqLAjHu.js";import{r as s}from"./CredentialsContext-Cwl_xyt_.js";import{n as c,t as l}from"./Dialog-C3QoiHOt.js";import{t as u}from"./storageKeys-IkM_u7nJ.js";import{t as d}from"./Tooltip-JYkgiL8J.js";var f=e(n(),1),p=t(),m=`integration:route-change`,h=`w-full rounded bg-neutral-800 border border-neutral-700 px-2 py-1 text-[12px] font-mono text-neutral-200 focus:outline-none focus:border-neutral-500`,g=`block text-[11px] font-semibold uppercase tracking-widest text-neutral-600 mb-1`;function _(e){return e.toTimeString().slice(0,8)}var v=()=>{let[e,t]=(0,f.useState)(`/`),[n,r]=(0,f.useState)(``),[i,a]=(0,f.useState)(``),[o,s]=(0,f.useState)([]),c=(0,f.useRef)(null);(0,f.useEffect)(()=>{c.current?.scrollIntoView({behavior:`smooth`})},[o]),(0,f.useEffect)(()=>{let e=e=>{let t=e;s(e=>[...e,{time:new Date,location:t.detail.location}].slice(-50))};return window.addEventListener(m,e),()=>{window.removeEventListener(m,e)}},[]);let l=()=>{let t=n&&!n.startsWith(`?`)?`?${n}`:n,r=i&&!i.startsWith(`#`)?`#${i}`:i,a={host:window.location.host,origin:window.location.origin,port:window.location.port,protocol:window.location.protocol,pathname:e,search:t,hash:r,href:`${window.location.origin}${e}${t}${r}`};window.dispatchEvent(new CustomEvent(m,{detail:{location:a}}))},u=e=>{e.key===`Enter`&&l()};return(0,p.jsxs)(`div`,{className:`flex flex-col gap-3 px-4 pb-3`,children:[(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsxs)(`div`,{className:`flex gap-2`,children:[(0,p.jsxs)(`div`,{className:`flex-1`,children:[(0,p.jsx)(`label`,{className:g,children:`Search`}),(0,p.jsx)(`input`,{type:`text`,className:h,value:n,onChange:e=>{r(e.target.value)},onKeyDown:u,placeholder:`?tab=notes`,spellCheck:!1})]}),(0,p.jsxs)(`div`,{className:`flex-1`,children:[(0,p.jsx)(`label`,{className:g,children:`Hash`}),(0,p.jsx)(`input`,{type:`text`,className:h,value:i,onChange:e=>{a(e.target.value)},onKeyDown:u,placeholder:`#section`,spellCheck:!1})]})]}),(0,p.jsxs)(`div`,{className:`flex items-end gap-2`,children:[(0,p.jsxs)(`div`,{className:`flex-1`,children:[(0,p.jsx)(`label`,{className:g,children:`Pathname`}),(0,p.jsx)(`input`,{type:`text`,className:h,value:e,onChange:e=>{t(e.target.value)},onKeyDown:u,placeholder:`/client/abc-123/overview`,spellCheck:!1})]}),(0,p.jsx)(`button`,{onClick:l,className:`rounded bg-neutral-700 px-3 py-1.5 text-[12px] font-semibold text-neutral-200 hover:bg-neutral-600 active:bg-neutral-500`,children:`Dispatch`})]})]}),(0,p.jsxs)(`div`,{className:`flex flex-col border-t border-neutral-800 pt-2`,children:[(0,p.jsxs)(`div`,{className:`mb-1 flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-widest text-neutral-500`,children:`Navigation Event Stream`}),o.length>0&&(0,p.jsx)(`button`,{onClick:()=>{s([])},className:`text-[11px] text-neutral-600 hover:text-neutral-300`,children:`clear`})]}),(0,p.jsxs)(`div`,{className:`max-h-40 overflow-y-auto`,children:[o.length===0?(0,p.jsx)(`p`,{className:`text-[12px] text-neutral-600`,children:`No events yet.`}):o.map((e,t)=>(0,p.jsxs)(`div`,{className:`px-2 py-0.5 font-mono text-[11px] leading-5 ${t%2==0?`bg-neutral-900`:`bg-neutral-800/40`}`,children:[(0,p.jsx)(`span`,{className:`text-neutral-600`,children:_(e.time)}),(0,p.jsx)(`span`,{className:`ml-2 text-neutral-300`,children:e.location.pathname}),e.location.search&&(0,p.jsx)(`span`,{className:`text-neutral-500`,children:e.location.search}),e.location.hash&&(0,p.jsx)(`span`,{className:`text-neutral-500`,children:e.location.hash})]},t)),(0,p.jsx)(`div`,{ref:c})]})]})]})},y=`w-full rounded bg-neutral-800 border border-neutral-700 px-2 py-1 text-[12px] font-mono text-neutral-200 focus:outline-none focus:border-neutral-500`,b=`block text-[11px] font-semibold uppercase tracking-widest text-neutral-600 mb-1`,x=`text-[11px] font-semibold uppercase tracking-widest text-neutral-500`,S={log:`text-neutral-400`,info:`text-blue-400`,warn:`text-yellow-400`,error:`text-red-400`};function C(e){try{let t=new WeakSet,n=JSON.stringify(e,(e,n)=>{if(typeof n==`bigint`)return`${n.toString()}n`;if(typeof n==`function`)return`[Function: ${n.name||`anonymous`}]`;if(typeof n==`object`&&n){if(t.has(n))return`[Circular]`;t.add(n)}return n},2);return typeof n==`string`?n:`[unserializable]`}catch{return`[unserializable]`}}function w(e,t=16){let n=e.replace(/\s+/g,` `).trim();return n.length<=t?n:`${n.slice(0,t)}…`}function T(e){if(typeof e==`function`){let t=e,n=t.toString();return{label:`ƒ ${t.name||`anonymous`}`,preview:w(n),full:n}}if(Array.isArray(e)){let t=C(e);return{label:`Array(${String(e.length)})`,preview:w(t),full:t}}if(e instanceof Error){let t=`${e.name}: ${e.message}`;return{label:e.name||`Error`,preview:w(e.message),full:e.stack?`${t}\n${e.stack}`:t}}if(e instanceof Date){let t=e.toISOString();return{label:`Date`,preview:w(t,20),full:t}}if(e instanceof Map){let t=C(Object.fromEntries(e));return{label:`Map(${String(e.size)})`,preview:w(t),full:t}}if(e instanceof Set){let t=C([...e]);return{label:`Set(${String(e.size)})`,preview:w(t),full:t}}if(typeof Node<`u`&&e instanceof Node){let t=e.nodeName.toLowerCase(),n=(e instanceof Element?e.outerHTML:e.textContent)??`<${t}>`;return{label:`<${t}>`,preview:w(n),full:n}}let t=e.constructor?.name,n=t&&t!==`Object`?t:`Object`,r=C(e);return{label:n,preview:w(r),full:r}}var E=({value:e})=>{let[t,n]=(0,f.useState)(!1);if(e===null)return(0,p.jsx)(`span`,{className:`italic text-neutral-500`,children:`null`});if(e===void 0)return(0,p.jsx)(`span`,{className:`italic text-neutral-500`,children:`undefined`});if(typeof e==`string`)return(0,p.jsx)(`span`,{children:e});if(typeof e==`number`||typeof e==`bigint`||typeof e==`boolean`||typeof e==`symbol`)return(0,p.jsx)(`span`,{children:String(e)});let{label:r,preview:i,full:a}=T(e);return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(`button`,{type:`button`,onClick:()=>{n(!0)},className:`inline-block rounded bg-neutral-700/70 px-1.5 py-0 align-baseline text-[11px] font-mono text-neutral-200 hover:bg-neutral-600`,children:[r,i!==``&&(0,p.jsx)(`span`,{className:`ml-1.5 font-normal text-neutral-400`,children:i})]}),(0,p.jsx)(l,{open:t,size:`xl`,onBackdropClick:()=>{n(!1)},header:(0,p.jsx)(c,{title:r,onClose:()=>{n(!1)}}),children:(0,p.jsx)(`pre`,{className:`m-0 max-h-[60vh] overflow-auto whitespace-pre px-5 py-3 text-[12px] leading-5 text-neutral-800`,children:a})})]})},D=({logs:e,height:t})=>{let n=(0,f.useRef)(null);return(0,f.useEffect)(()=>{n.current?.scrollIntoView({behavior:`smooth`})},[e]),(0,p.jsxs)(`div`,{className:`${t} overflow-x-auto overflow-y-auto pb-4`,children:[e.length===0?(0,p.jsx)(`p`,{className:`px-4 text-[12px] text-neutral-600`,children:`No output yet.`}):e.map((e,t)=>(0,p.jsx)(`div`,{className:`whitespace-pre px-4 py-0.5 text-[12px] leading-5 ${S[e.level]} ${t%2==0?`bg-neutral-900`:`bg-neutral-800/40`}`,children:e.args.map((e,t)=>(0,p.jsxs)(`span`,{children:[t>0&&` `,(0,p.jsx)(E,{value:e})]},t))},t)),(0,p.jsx)(`div`,{ref:n})]})},O=({logs:e,height:t})=>{let n=(0,f.useRef)(null);return(0,f.useEffect)(()=>{n.current?.scrollIntoView({behavior:`smooth`})},[e]),(0,p.jsxs)(`div`,{className:`${t} overflow-x-auto overflow-y-auto pb-4`,children:[e.length===0?(0,p.jsx)(`p`,{className:`px-4 text-[12px] text-neutral-600`,children:`No output yet.`}):e.map((e,t)=>(0,p.jsx)(`div`,{className:`whitespace-pre px-4 text-[12px] leading-5 text-neutral-500`,children:e},t)),(0,p.jsx)(`div`,{ref:n})]})};function k(e){switch(e.toUpperCase()){case`GET`:return`bg-blue-900/60 text-blue-300`;case`POST`:return`bg-green-900/60 text-green-300`;case`PUT`:return`bg-amber-900/60 text-amber-300`;case`PATCH`:return`bg-orange-900/60 text-orange-300`;case`DELETE`:return`bg-red-900/60 text-red-300`;default:return`bg-neutral-800 text-neutral-400`}}function A(e){return e===0?`bg-neutral-800 text-neutral-400`:e<300?`bg-green-900/60 text-green-300`:e<400?`bg-yellow-900/60 text-yellow-300`:e<500?`bg-orange-900/60 text-orange-300`:`bg-red-900/60 text-red-300`}var j=({logs:e,height:t})=>{let n=(0,f.useRef)(null);return(0,f.useEffect)(()=>{n.current?.scrollIntoView({behavior:`smooth`})},[e]),(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(`div`,{className:`${t} overflow-x-auto overflow-y-auto pb-4`,children:[e.length===0?(0,p.jsx)(`p`,{className:`px-4 text-[12px] text-neutral-600`,children:`No output yet.`}):e.map((e,t)=>(0,p.jsx)(`div`,{className:`flex items-center gap-1.5 px-3 py-0.5 text-[11px] ${t%2==0?`bg-neutral-900`:`bg-neutral-800/40`}`,children:e.kind===`info`?(0,p.jsx)(`span`,{className:`text-neutral-500`,children:e.message}):(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`span`,{className:`w-12 shrink-0 rounded text-center font-mono font-semibold ${k(e.method)}`,children:e.method}),(0,p.jsx)(`span`,{className:`w-8 shrink-0 rounded text-center font-mono font-semibold ${A(e.status)}`,children:e.status===0?`ERR`:e.status}),e.upstreamStatus!==void 0&&(0,p.jsx)(d,{text:`Third-party API returned ${String(e.upstreamStatus)} (the proxy call itself returned ${String(e.status)})`,children:(0,p.jsxs)(`span`,{className:`flex w-12 shrink-0 cursor-default items-center justify-center gap-1.5 rounded text-center font-mono font-semibold ${A(e.upstreamStatus)}`,children:[(0,p.jsx)(`span`,{className:`text-neutral-500`,children:`→`}),e.upstreamStatus]})}),(0,p.jsx)(`span`,{className:`w-14 shrink-0 rounded text-center font-mono font-semibold ${e.fromCache?`bg-violet-900/60 text-violet-300`:`bg-neutral-800 text-neutral-400`}`,children:e.fromCache?`cache`:`network`}),(0,p.jsx)(d,{text:e.url,children:(0,p.jsx)(`span`,{className:`min-w-0 truncate cursor-default font-mono text-neutral-400`,children:e.url})})]})},t)),(0,p.jsx)(`div`,{ref:n})]})})},M=({onClose:e,buildLogs:t,proxyLogs:n,consoleLogs:c,onClearConsole:l,credentials:d,onCredentialsChange:m,width:h=416,onWidthChange:g})=>{let[_,S]=(0,f.useState)(()=>{let e=localStorage.getItem(u.credsPanelOpen);return e===null?!(d.apiKey&&d.userId&&d.businessId):e!==`false`}),[C,w]=(0,f.useState)([]),[T,E]=(0,f.useState)(void 0),k=(0,f.useCallback)(async()=>{try{let e=await fetch(`/api/credential-profiles`);if(!e.ok)return;let t=await e.json();w(t.profiles),E(t.active)}catch{}},[]);(0,f.useEffect)(()=>{k()},[k]);let A=(0,f.useCallback)(async e=>{let t=e===``?void 0:e;try{await fetch(`/api/credentials/switch`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({profile:t})}),await fetch(`/api/proxy-cache/clear`),E(t)}catch{}},[]),[M,N]=(0,f.useState)(()=>localStorage.getItem(u.routesPanelOpen)!==`false`),[P,F]=(0,f.useState)(()=>localStorage.getItem(u.consolePanelOpen)!==`false`),[I,L]=(0,f.useState)(()=>localStorage.getItem(u.proxyPanelOpen)!==`false`),[R,z]=(0,f.useState)(()=>localStorage.getItem(u.buildPanelOpen)!==`false`),B=(e,t)=>{t(t=>{let n=!t;return localStorage.setItem(e,String(n)),n})},V=(0,f.useRef)(!1),H=(0,f.useCallback)(e=>{e.preventDefault(),V.current=!0;let t=e=>{if(!V.current)return;let t=Math.min(800,Math.max(280,window.innerWidth-e.clientX));g?.(t)},n=()=>{V.current=!1,document.removeEventListener(`mousemove`,t),document.removeEventListener(`mouseup`,n)};document.addEventListener(`mousemove`,t),document.addEventListener(`mouseup`,n)},[g]);return(0,p.jsxs)(`aside`,{className:`relative flex shrink-0 flex-col border-l border-neutral-800 bg-neutral-900 text-neutral-100`,style:{width:h},children:[(0,p.jsx)(`div`,{onMouseDown:H,className:`absolute left-0 top-0 z-10 h-full w-1 cursor-col-resize transition-colors hover:bg-neutral-600`}),(0,p.jsxs)(`div`,{className:`flex items-center justify-between border-b border-neutral-800 px-4 py-3`,children:[(0,p.jsx)(`span`,{className:`text-[12px] font-semibold uppercase tracking-widest text-neutral-400`,children:`Dev Tools`}),(0,p.jsx)(`button`,{onClick:e,className:`text-neutral-500 hover:text-neutral-200`,"aria-label":`Close dev tools`,children:(0,p.jsx)(i,{icon:r,size:`sm`})})]}),(0,p.jsxs)(`div`,{className:`flex flex-1 flex-col overflow-hidden`,children:[(0,p.jsxs)(`div`,{className:`flex flex-1 flex-col min-h-0`,children:[(0,p.jsxs)(`div`,{className:`flex shrink-0 flex-col border-b border-neutral-800`,children:[(0,p.jsxs)(`button`,{className:`flex items-center justify-between px-4 py-2 hover:bg-neutral-800/50`,onClick:()=>{B(u.credsPanelOpen,S),k()},children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(`span`,{className:x,children:`Credentials`}),!_&&(0,p.jsx)(`span`,{className:`text-[11px] font-mono text-neutral-400`,children:d.environment})]}),(0,p.jsx)(i,{icon:_?a:o,className:`text-neutral-600`,size:`xs`})]}),_&&(0,p.jsxs)(`div`,{className:`flex flex-col gap-2 px-4 pb-3`,children:[C.length>1&&(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`label`,{className:b,children:`Profile`}),(0,p.jsx)(`select`,{className:y,value:T??``,onChange:e=>{A(e.target.value)},children:C.map(e=>(0,p.jsx)(`option`,{value:e.isDefault?``:e.name,children:e.isDefault?`Default`:e.name},e.name))})]}),(0,p.jsxs)(`div`,{className:`flex gap-2`,children:[(0,p.jsxs)(`div`,{className:`flex-1`,children:[(0,p.jsx)(`label`,{className:b,children:`Environment`}),(0,p.jsx)(`select`,{className:y,value:d.environment,onChange:e=>{m({...d,environment:e.target.value})},children:s.map(e=>(0,p.jsx)(`option`,{value:e,children:e},e))})]}),(0,p.jsxs)(`div`,{className:`flex-1`,children:[(0,p.jsx)(`label`,{className:b,children:`Business ID`}),(0,p.jsx)(`input`,{type:`text`,className:y,value:d.businessId,onChange:e=>{m({...d,businessId:e.target.value})},placeholder:`x-business-id`,autoComplete:`off`})]})]}),(0,p.jsxs)(`div`,{className:`flex gap-2`,children:[(0,p.jsxs)(`div`,{className:`flex-1`,children:[(0,p.jsx)(`label`,{className:b,children:`User ID`}),(0,p.jsx)(`input`,{type:`text`,className:y,value:d.userId,onChange:e=>{m({...d,userId:e.target.value})},placeholder:`x-user-id`,autoComplete:`off`})]}),(0,p.jsxs)(`div`,{className:`flex-1`,children:[(0,p.jsx)(`label`,{className:b,children:`API Key`}),(0,p.jsx)(`input`,{type:`password`,className:y,value:d.apiKey,onChange:e=>{m({...d,apiKey:e.target.value})},placeholder:`x-api-key`,autoComplete:`off`})]})]}),(0,p.jsx)(`button`,{onClick:()=>{localStorage.clear(),window.location.reload()},className:`text-[11px] text-neutral-600 hover:text-red-400 self-start`,children:`clear storage`})]})]}),(0,p.jsxs)(`div`,{className:`flex shrink-0 flex-col border-t border-neutral-800 overflow-hidden`,children:[(0,p.jsxs)(`button`,{className:`flex items-center justify-between px-4 py-2 hover:bg-neutral-800/50`,onClick:()=>{B(u.routesPanelOpen,N)},children:[(0,p.jsx)(`span`,{className:x,children:`Routes`}),(0,p.jsx)(i,{icon:M?a:o,className:`text-neutral-600`,size:`xs`})]}),M&&(0,p.jsx)(v,{})]}),(0,p.jsxs)(`div`,{className:`flex shrink-0 flex-col border-t border-neutral-800`,children:[(0,p.jsxs)(`div`,{className:`flex items-center px-4 py-2`,children:[(0,p.jsxs)(`button`,{className:`flex flex-1 items-center gap-2 hover:opacity-70`,onClick:()=>{B(u.consolePanelOpen,F)},children:[(0,p.jsx)(`span`,{className:x,children:`Browser Console`}),(0,p.jsx)(i,{icon:P?a:o,className:`text-neutral-600`,size:`xs`})]}),P&&c.length>0&&(0,p.jsx)(`button`,{onClick:l,className:`text-[11px] text-neutral-600 hover:text-neutral-300`,children:`clear`})]}),P&&(0,p.jsx)(D,{logs:c,height:`min-h-32 max-h-64`})]}),(0,p.jsxs)(`div`,{className:`flex flex-1 flex-col min-h-0 border-t border-neutral-800`,children:[(0,p.jsxs)(`div`,{className:`flex items-center px-4 py-2`,children:[(0,p.jsxs)(`button`,{className:`flex flex-1 items-center gap-2 hover:opacity-70`,onClick:()=>{B(u.proxyPanelOpen,L)},children:[(0,p.jsx)(`span`,{className:x,children:`Network Requests`}),(0,p.jsx)(i,{icon:I?a:o,className:`text-neutral-600`,size:`xs`})]}),I&&(0,p.jsx)(`button`,{onClick:()=>{fetch(`/api/proxy-cache/clear`)},className:`text-[11px] text-neutral-600 hover:text-neutral-300`,children:`clear cache`})]}),I&&(0,p.jsx)(j,{logs:n,height:`flex-1 min-h-0`})]})]}),(0,p.jsxs)(`div`,{className:`flex flex-col border-t border-neutral-800`,children:[(0,p.jsxs)(`button`,{className:`flex items-center justify-between px-4 py-2 hover:bg-neutral-800/50`,onClick:()=>{B(u.buildPanelOpen,z)},children:[(0,p.jsx)(`span`,{className:x,children:`Build Log`}),(0,p.jsx)(i,{icon:R?a:o,className:`text-neutral-600`,size:`xs`})]}),R&&(0,p.jsx)(O,{logs:t,height:`max-h-[60px]`})]})]})]})};export{M as DevSidebar};
+import{r as e}from"./rolldown-runtime-Dw2cE7zH.js";import{F as t,I as n,N as r,P as i,a,s as o}from"./fa-core-BSqLAjHu.js";import{r as s}from"./CredentialsContext-Cwl_xyt_.js";import{n as c,t as l}from"./Dialog-C3QoiHOt.js";import{t as u}from"./storageKeys-DPq6kaaE.js";import{t as d}from"./Tooltip-JYkgiL8J.js";var f=e(n(),1),p=t(),m=`integration:route-change`,h=`w-full rounded bg-neutral-800 border border-neutral-700 px-2 py-1 text-[12px] font-mono text-neutral-200 focus:outline-none focus:border-neutral-500`,g=`block text-[11px] font-semibold uppercase tracking-widest text-neutral-600 mb-1`;function _(e){return e.toTimeString().slice(0,8)}var v=()=>{let[e,t]=(0,f.useState)(`/`),[n,r]=(0,f.useState)(``),[i,a]=(0,f.useState)(``),[o,s]=(0,f.useState)([]),c=(0,f.useRef)(null);(0,f.useEffect)(()=>{c.current?.scrollIntoView({behavior:`smooth`})},[o]),(0,f.useEffect)(()=>{let e=e=>{let t=e;s(e=>[...e,{time:new Date,location:t.detail.location}].slice(-50))};return window.addEventListener(m,e),()=>{window.removeEventListener(m,e)}},[]);let l=()=>{let t=n&&!n.startsWith(`?`)?`?${n}`:n,r=i&&!i.startsWith(`#`)?`#${i}`:i,a={host:window.location.host,origin:window.location.origin,port:window.location.port,protocol:window.location.protocol,pathname:e,search:t,hash:r,href:`${window.location.origin}${e}${t}${r}`};window.dispatchEvent(new CustomEvent(m,{detail:{location:a}}))},u=e=>{e.key===`Enter`&&l()};return(0,p.jsxs)(`div`,{className:`flex flex-col gap-3 px-4 pb-3`,children:[(0,p.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,p.jsxs)(`div`,{className:`flex gap-2`,children:[(0,p.jsxs)(`div`,{className:`flex-1`,children:[(0,p.jsx)(`label`,{className:g,children:`Search`}),(0,p.jsx)(`input`,{type:`text`,className:h,value:n,onChange:e=>{r(e.target.value)},onKeyDown:u,placeholder:`?tab=notes`,spellCheck:!1})]}),(0,p.jsxs)(`div`,{className:`flex-1`,children:[(0,p.jsx)(`label`,{className:g,children:`Hash`}),(0,p.jsx)(`input`,{type:`text`,className:h,value:i,onChange:e=>{a(e.target.value)},onKeyDown:u,placeholder:`#section`,spellCheck:!1})]})]}),(0,p.jsxs)(`div`,{className:`flex items-end gap-2`,children:[(0,p.jsxs)(`div`,{className:`flex-1`,children:[(0,p.jsx)(`label`,{className:g,children:`Pathname`}),(0,p.jsx)(`input`,{type:`text`,className:h,value:e,onChange:e=>{t(e.target.value)},onKeyDown:u,placeholder:`/client/abc-123/overview`,spellCheck:!1})]}),(0,p.jsx)(`button`,{onClick:l,className:`rounded bg-neutral-700 px-3 py-1.5 text-[12px] font-semibold text-neutral-200 hover:bg-neutral-600 active:bg-neutral-500`,children:`Dispatch`})]})]}),(0,p.jsxs)(`div`,{className:`flex flex-col border-t border-neutral-800 pt-2`,children:[(0,p.jsxs)(`div`,{className:`mb-1 flex items-center justify-between`,children:[(0,p.jsx)(`span`,{className:`text-[11px] font-semibold uppercase tracking-widest text-neutral-500`,children:`Navigation Event Stream`}),o.length>0&&(0,p.jsx)(`button`,{onClick:()=>{s([])},className:`text-[11px] text-neutral-600 hover:text-neutral-300`,children:`clear`})]}),(0,p.jsxs)(`div`,{className:`max-h-40 overflow-y-auto`,children:[o.length===0?(0,p.jsx)(`p`,{className:`text-[12px] text-neutral-600`,children:`No events yet.`}):o.map((e,t)=>(0,p.jsxs)(`div`,{className:`px-2 py-0.5 font-mono text-[11px] leading-5 ${t%2==0?`bg-neutral-900`:`bg-neutral-800/40`}`,children:[(0,p.jsx)(`span`,{className:`text-neutral-600`,children:_(e.time)}),(0,p.jsx)(`span`,{className:`ml-2 text-neutral-300`,children:e.location.pathname}),e.location.search&&(0,p.jsx)(`span`,{className:`text-neutral-500`,children:e.location.search}),e.location.hash&&(0,p.jsx)(`span`,{className:`text-neutral-500`,children:e.location.hash})]},t)),(0,p.jsx)(`div`,{ref:c})]})]})]})},y=`w-full rounded bg-neutral-800 border border-neutral-700 px-2 py-1 text-[12px] font-mono text-neutral-200 focus:outline-none focus:border-neutral-500`,b=`block text-[11px] font-semibold uppercase tracking-widest text-neutral-600 mb-1`,x=`text-[11px] font-semibold uppercase tracking-widest text-neutral-500`,S={log:`text-neutral-400`,info:`text-blue-400`,warn:`text-yellow-400`,error:`text-red-400`};function C(e){try{let t=new WeakSet,n=JSON.stringify(e,(e,n)=>{if(typeof n==`bigint`)return`${n.toString()}n`;if(typeof n==`function`)return`[Function: ${n.name||`anonymous`}]`;if(typeof n==`object`&&n){if(t.has(n))return`[Circular]`;t.add(n)}return n},2);return typeof n==`string`?n:`[unserializable]`}catch{return`[unserializable]`}}function w(e,t=16){let n=e.replace(/\s+/g,` `).trim();return n.length<=t?n:`${n.slice(0,t)}…`}function T(e){if(typeof e==`function`){let t=e,n=t.toString();return{label:`ƒ ${t.name||`anonymous`}`,preview:w(n),full:n}}if(Array.isArray(e)){let t=C(e);return{label:`Array(${String(e.length)})`,preview:w(t),full:t}}if(e instanceof Error){let t=`${e.name}: ${e.message}`;return{label:e.name||`Error`,preview:w(e.message),full:e.stack?`${t}\n${e.stack}`:t}}if(e instanceof Date){let t=e.toISOString();return{label:`Date`,preview:w(t,20),full:t}}if(e instanceof Map){let t=C(Object.fromEntries(e));return{label:`Map(${String(e.size)})`,preview:w(t),full:t}}if(e instanceof Set){let t=C([...e]);return{label:`Set(${String(e.size)})`,preview:w(t),full:t}}if(typeof Node<`u`&&e instanceof Node){let t=e.nodeName.toLowerCase(),n=(e instanceof Element?e.outerHTML:e.textContent)??`<${t}>`;return{label:`<${t}>`,preview:w(n),full:n}}let t=e.constructor?.name,n=t&&t!==`Object`?t:`Object`,r=C(e);return{label:n,preview:w(r),full:r}}var E=({value:e})=>{let[t,n]=(0,f.useState)(!1);if(e===null)return(0,p.jsx)(`span`,{className:`italic text-neutral-500`,children:`null`});if(e===void 0)return(0,p.jsx)(`span`,{className:`italic text-neutral-500`,children:`undefined`});if(typeof e==`string`)return(0,p.jsx)(`span`,{children:e});if(typeof e==`number`||typeof e==`bigint`||typeof e==`boolean`||typeof e==`symbol`)return(0,p.jsx)(`span`,{children:String(e)});let{label:r,preview:i,full:a}=T(e);return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsxs)(`button`,{type:`button`,onClick:()=>{n(!0)},className:`inline-block rounded bg-neutral-700/70 px-1.5 py-0 align-baseline text-[11px] font-mono text-neutral-200 hover:bg-neutral-600`,children:[r,i!==``&&(0,p.jsx)(`span`,{className:`ml-1.5 font-normal text-neutral-400`,children:i})]}),(0,p.jsx)(l,{open:t,size:`xl`,onBackdropClick:()=>{n(!1)},header:(0,p.jsx)(c,{title:r,onClose:()=>{n(!1)}}),children:(0,p.jsx)(`pre`,{className:`m-0 max-h-[60vh] overflow-auto whitespace-pre px-5 py-3 text-[12px] leading-5 text-neutral-800`,children:a})})]})},D=({logs:e,height:t})=>{let n=(0,f.useRef)(null);return(0,f.useEffect)(()=>{n.current?.scrollIntoView({behavior:`smooth`})},[e]),(0,p.jsxs)(`div`,{className:`${t} overflow-x-auto overflow-y-auto pb-4`,children:[e.length===0?(0,p.jsx)(`p`,{className:`px-4 text-[12px] text-neutral-600`,children:`No output yet.`}):e.map((e,t)=>(0,p.jsx)(`div`,{className:`whitespace-pre px-4 py-0.5 text-[12px] leading-5 ${S[e.level]} ${t%2==0?`bg-neutral-900`:`bg-neutral-800/40`}`,children:e.args.map((e,t)=>(0,p.jsxs)(`span`,{children:[t>0&&` `,(0,p.jsx)(E,{value:e})]},t))},t)),(0,p.jsx)(`div`,{ref:n})]})},O=({logs:e,height:t})=>{let n=(0,f.useRef)(null);return(0,f.useEffect)(()=>{n.current?.scrollIntoView({behavior:`smooth`})},[e]),(0,p.jsxs)(`div`,{className:`${t} overflow-x-auto overflow-y-auto pb-4`,children:[e.length===0?(0,p.jsx)(`p`,{className:`px-4 text-[12px] text-neutral-600`,children:`No output yet.`}):e.map((e,t)=>(0,p.jsx)(`div`,{className:`whitespace-pre px-4 text-[12px] leading-5 text-neutral-500`,children:e},t)),(0,p.jsx)(`div`,{ref:n})]})};function k(e){switch(e.toUpperCase()){case`GET`:return`bg-blue-900/60 text-blue-300`;case`POST`:return`bg-green-900/60 text-green-300`;case`PUT`:return`bg-amber-900/60 text-amber-300`;case`PATCH`:return`bg-orange-900/60 text-orange-300`;case`DELETE`:return`bg-red-900/60 text-red-300`;default:return`bg-neutral-800 text-neutral-400`}}function A(e){return e===0?`bg-neutral-800 text-neutral-400`:e<300?`bg-green-900/60 text-green-300`:e<400?`bg-yellow-900/60 text-yellow-300`:e<500?`bg-orange-900/60 text-orange-300`:`bg-red-900/60 text-red-300`}var j=({logs:e,height:t})=>{let n=(0,f.useRef)(null);return(0,f.useEffect)(()=>{n.current?.scrollIntoView({behavior:`smooth`})},[e]),(0,p.jsx)(p.Fragment,{children:(0,p.jsxs)(`div`,{className:`${t} overflow-x-auto overflow-y-auto pb-4`,children:[e.length===0?(0,p.jsx)(`p`,{className:`px-4 text-[12px] text-neutral-600`,children:`No output yet.`}):e.map((e,t)=>(0,p.jsx)(`div`,{className:`flex items-center gap-1.5 px-3 py-0.5 text-[11px] ${t%2==0?`bg-neutral-900`:`bg-neutral-800/40`}`,children:e.kind===`info`?(0,p.jsx)(`span`,{className:`text-neutral-500`,children:e.message}):(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(`span`,{className:`w-12 shrink-0 rounded text-center font-mono font-semibold ${k(e.method)}`,children:e.method}),(0,p.jsx)(`span`,{className:`w-8 shrink-0 rounded text-center font-mono font-semibold ${A(e.status)}`,children:e.status===0?`ERR`:e.status}),e.upstreamStatus!==void 0&&(0,p.jsx)(d,{text:`Third-party API returned ${String(e.upstreamStatus)} (the proxy call itself returned ${String(e.status)})`,children:(0,p.jsxs)(`span`,{className:`flex w-12 shrink-0 cursor-default items-center justify-center gap-1.5 rounded text-center font-mono font-semibold ${A(e.upstreamStatus)}`,children:[(0,p.jsx)(`span`,{className:`text-neutral-500`,children:`→`}),e.upstreamStatus]})}),(0,p.jsx)(`span`,{className:`w-14 shrink-0 rounded text-center font-mono font-semibold ${e.fromCache?`bg-violet-900/60 text-violet-300`:`bg-neutral-800 text-neutral-400`}`,children:e.fromCache?`cache`:`network`}),(0,p.jsx)(d,{text:e.url,children:(0,p.jsx)(`span`,{className:`min-w-0 truncate cursor-default font-mono text-neutral-400`,children:e.url})})]})},t)),(0,p.jsx)(`div`,{ref:n})]})})},M=({onClose:e,buildLogs:t,proxyLogs:n,consoleLogs:c,onClearConsole:l,credentials:d,onCredentialsChange:m,width:h=416,onWidthChange:g})=>{let[_,S]=(0,f.useState)(()=>{let e=localStorage.getItem(u.credsPanelOpen);return e===null?!(d.apiKey&&d.userId&&d.businessId):e!==`false`}),[C,w]=(0,f.useState)([]),[T,E]=(0,f.useState)(void 0),k=(0,f.useCallback)(async()=>{try{let e=await fetch(`/api/credential-profiles`);if(!e.ok)return;let t=await e.json();w(t.profiles),E(t.active)}catch{}},[]);(0,f.useEffect)(()=>{k()},[k]);let A=(0,f.useCallback)(async e=>{let t=e===``?void 0:e;try{await fetch(`/api/credentials/switch`,{method:`POST`,headers:{"Content-Type":`application/json`},body:JSON.stringify({profile:t})}),await fetch(`/api/proxy-cache/clear`),E(t)}catch{}},[]),[M,N]=(0,f.useState)(()=>localStorage.getItem(u.routesPanelOpen)!==`false`),[P,F]=(0,f.useState)(()=>localStorage.getItem(u.consolePanelOpen)!==`false`),[I,L]=(0,f.useState)(()=>localStorage.getItem(u.proxyPanelOpen)!==`false`),[R,z]=(0,f.useState)(()=>localStorage.getItem(u.buildPanelOpen)!==`false`),B=(e,t)=>{t(t=>{let n=!t;return localStorage.setItem(e,String(n)),n})},V=(0,f.useRef)(!1),H=(0,f.useCallback)(e=>{e.preventDefault(),V.current=!0;let t=e=>{if(!V.current)return;let t=Math.min(800,Math.max(280,window.innerWidth-e.clientX));g?.(t)},n=()=>{V.current=!1,document.removeEventListener(`mousemove`,t),document.removeEventListener(`mouseup`,n)};document.addEventListener(`mousemove`,t),document.addEventListener(`mouseup`,n)},[g]);return(0,p.jsxs)(`aside`,{className:`relative flex shrink-0 flex-col border-l border-neutral-800 bg-neutral-900 text-neutral-100`,style:{width:h},children:[(0,p.jsx)(`div`,{onMouseDown:H,className:`absolute left-0 top-0 z-10 h-full w-1 cursor-col-resize transition-colors hover:bg-neutral-600`}),(0,p.jsxs)(`div`,{className:`flex items-center justify-between border-b border-neutral-800 px-4 py-3`,children:[(0,p.jsx)(`span`,{className:`text-[12px] font-semibold uppercase tracking-widest text-neutral-400`,children:`Dev Tools`}),(0,p.jsx)(`button`,{onClick:e,className:`text-neutral-500 hover:text-neutral-200`,"aria-label":`Close dev tools`,children:(0,p.jsx)(i,{icon:r,size:`sm`})})]}),(0,p.jsxs)(`div`,{className:`flex flex-1 flex-col overflow-hidden`,children:[(0,p.jsxs)(`div`,{className:`flex flex-1 flex-col min-h-0`,children:[(0,p.jsxs)(`div`,{className:`flex shrink-0 flex-col border-b border-neutral-800`,children:[(0,p.jsxs)(`button`,{className:`flex items-center justify-between px-4 py-2 hover:bg-neutral-800/50`,onClick:()=>{B(u.credsPanelOpen,S),k()},children:[(0,p.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,p.jsx)(`span`,{className:x,children:`Credentials`}),!_&&(0,p.jsx)(`span`,{className:`text-[11px] font-mono text-neutral-400`,children:d.environment})]}),(0,p.jsx)(i,{icon:_?a:o,className:`text-neutral-600`,size:`xs`})]}),_&&(0,p.jsxs)(`div`,{className:`flex flex-col gap-2 px-4 pb-3`,children:[C.length>1&&(0,p.jsxs)(`div`,{children:[(0,p.jsx)(`label`,{className:b,children:`Profile`}),(0,p.jsx)(`select`,{className:y,value:T??``,onChange:e=>{A(e.target.value)},children:C.map(e=>(0,p.jsx)(`option`,{value:e.isDefault?``:e.name,children:e.isDefault?`Default`:e.name},e.name))})]}),(0,p.jsxs)(`div`,{className:`flex gap-2`,children:[(0,p.jsxs)(`div`,{className:`flex-1`,children:[(0,p.jsx)(`label`,{className:b,children:`Environment`}),(0,p.jsx)(`select`,{className:y,value:d.environment,onChange:e=>{m({...d,environment:e.target.value})},children:s.map(e=>(0,p.jsx)(`option`,{value:e,children:e},e))})]}),(0,p.jsxs)(`div`,{className:`flex-1`,children:[(0,p.jsx)(`label`,{className:b,children:`Business ID`}),(0,p.jsx)(`input`,{type:`text`,className:y,value:d.businessId,onChange:e=>{m({...d,businessId:e.target.value})},placeholder:`x-business-id`,autoComplete:`off`})]})]}),(0,p.jsxs)(`div`,{className:`flex gap-2`,children:[(0,p.jsxs)(`div`,{className:`flex-1`,children:[(0,p.jsx)(`label`,{className:b,children:`User ID`}),(0,p.jsx)(`input`,{type:`text`,className:y,value:d.userId,onChange:e=>{m({...d,userId:e.target.value})},placeholder:`x-user-id`,autoComplete:`off`})]}),(0,p.jsxs)(`div`,{className:`flex-1`,children:[(0,p.jsx)(`label`,{className:b,children:`API Key`}),(0,p.jsx)(`input`,{type:`password`,className:y,value:d.apiKey,onChange:e=>{m({...d,apiKey:e.target.value})},placeholder:`x-api-key`,autoComplete:`off`})]})]}),(0,p.jsx)(`button`,{onClick:()=>{localStorage.clear(),window.location.reload()},className:`text-[11px] text-neutral-600 hover:text-red-400 self-start`,children:`clear storage`})]})]}),(0,p.jsxs)(`div`,{className:`flex shrink-0 flex-col border-t border-neutral-800 overflow-hidden`,children:[(0,p.jsxs)(`button`,{className:`flex items-center justify-between px-4 py-2 hover:bg-neutral-800/50`,onClick:()=>{B(u.routesPanelOpen,N)},children:[(0,p.jsx)(`span`,{className:x,children:`Routes`}),(0,p.jsx)(i,{icon:M?a:o,className:`text-neutral-600`,size:`xs`})]}),M&&(0,p.jsx)(v,{})]}),(0,p.jsxs)(`div`,{className:`flex shrink-0 flex-col border-t border-neutral-800`,children:[(0,p.jsxs)(`div`,{className:`flex items-center px-4 py-2`,children:[(0,p.jsxs)(`button`,{className:`flex flex-1 items-center gap-2 hover:opacity-70`,onClick:()=>{B(u.consolePanelOpen,F)},children:[(0,p.jsx)(`span`,{className:x,children:`Browser Console`}),(0,p.jsx)(i,{icon:P?a:o,className:`text-neutral-600`,size:`xs`})]}),P&&c.length>0&&(0,p.jsx)(`button`,{onClick:l,className:`text-[11px] text-neutral-600 hover:text-neutral-300`,children:`clear`})]}),P&&(0,p.jsx)(D,{logs:c,height:`min-h-32 max-h-64`})]}),(0,p.jsxs)(`div`,{className:`flex flex-1 flex-col min-h-0 border-t border-neutral-800`,children:[(0,p.jsxs)(`div`,{className:`flex items-center px-4 py-2`,children:[(0,p.jsxs)(`button`,{className:`flex flex-1 items-center gap-2 hover:opacity-70`,onClick:()=>{B(u.proxyPanelOpen,L)},children:[(0,p.jsx)(`span`,{className:x,children:`Network Requests`}),(0,p.jsx)(i,{icon:I?a:o,className:`text-neutral-600`,size:`xs`})]}),I&&(0,p.jsx)(`button`,{onClick:()=>{fetch(`/api/proxy-cache/clear`)},className:`text-[11px] text-neutral-600 hover:text-neutral-300`,children:`clear cache`})]}),I&&(0,p.jsx)(j,{logs:n,height:`flex-1 min-h-0`})]})]}),(0,p.jsxs)(`div`,{className:`flex flex-col border-t border-neutral-800`,children:[(0,p.jsxs)(`button`,{className:`flex items-center justify-between px-4 py-2 hover:bg-neutral-800/50`,onClick:()=>{B(u.buildPanelOpen,z)},children:[(0,p.jsx)(`span`,{className:x,children:`Build Log`}),(0,p.jsx)(i,{icon:R?a:o,className:`text-neutral-600`,size:`xs`})]}),R&&(0,p.jsx)(O,{logs:t,height:`max-h-[60px]`})]})]})]})};export{M as DevSidebar};