@objectstack/console 17.0.0-rc.3 → 17.0.0-rc.4

package/dist/assets/SettingsHub-C-7kyHtx.js

@@ -1 +0,0 @@
-import{o as e}from"./rolldown-runtime-C0FnF6B9.js";import{f as t,r as n,y as r}from"./vendor-react-DpRf6e0g.js";import{Cr as i,Gi as a,_r as o,an as s,br as c,nl as l,vr as u,xr as d,yr as f}from"./ui-components-BbC0qTrK.js";import{c as p,i as m,n as h,t as g}from"./useSettingsLabel-By0A6m6P.js";var _=e(r(),1),v=n();function y({m:e,onOpen:t}){let{t:n}=l(),r=g(e.namespace),s=e.icon?p(e.icon):a,m=h(e.label),_=r.title(m),y=r.description(e.description??void 0);return(0,v.jsxs)(o,{className:`cursor-pointer hover:border-primary/50 hover:shadow-sm transition-all`,onClick:t,children:[(0,v.jsxs)(c,{className:`pb-3`,children:[(0,v.jsxs)(`div`,{className:`flex items-start justify-between`,children:[(0,v.jsx)(s,{className:`h-6 w-6 text-muted-foreground`}),e.beta?(0,v.jsx)(i,{variant:`secondary`,className:`text-[10px]`,children:n(`console.settingsHub.beta`)}):null]}),(0,v.jsx)(d,{className:`text-base mt-2`,children:_}),y?(0,v.jsx)(f,{className:`text-xs`,children:y}):null]}),(0,v.jsx)(u,{className:`pt-0`,children:(0,v.jsx)(`div`,{className:`text-[11px] text-muted-foreground`,children:n(`console.settingsHub.settingsCount`,{n:e.specifiers.length})})})]})}function b(){let e=t(),{t:n}=l(),[r,i]=(0,_.useState)(null),[c,d]=(0,_.useState)(null);(0,_.useEffect)(()=>{m().then(e=>i(e.manifests??[])).catch(e=>d(e?.message??n(`console.settingsHub.loadError`)))},[n]);let f=(0,_.useMemo)(()=>{if(!r)return null;let e=new Map;for(let t of[...r].sort((e,t)=>(e.order??999)-(t.order??999))){let n=t.category??`Other`,r=e.get(n)??[];r.push(t),e.set(n,r)}return e},[r]);return(0,v.jsxs)(`div`,{className:`p-6 max-w-6xl mx-auto`,children:[(0,v.jsxs)(`div`,{className:`flex items-center gap-3 mb-6`,children:[(0,v.jsx)(a,{className:`h-7 w-7 text-muted-foreground`}),(0,v.jsxs)(`div`,{children:[(0,v.jsx)(`h1`,{className:`text-2xl font-semibold tracking-tight`,children:n(`console.settingsHub.title`)}),(0,v.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:n(`console.settingsHub.subtitle`)})]})]}),c?(0,v.jsx)(o,{children:(0,v.jsx)(u,{className:`py-8 text-center text-sm text-destructive`,children:c})}):null,r?r.length===0?(0,v.jsx)(o,{children:(0,v.jsx)(u,{className:`py-12 text-center text-sm text-muted-foreground`,children:n(`console.settingsHub.empty`)})}):Array.from(f??[]).map(([t,r])=>(0,v.jsxs)(`section`,{className:`mb-8`,children:[(0,v.jsx)(`h2`,{className:`text-sm font-semibold tracking-wide uppercase text-muted-foreground mb-3`,children:n(`console.settingsHub.categories.${t}`,{defaultValue:t})}),(0,v.jsx)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4`,children:r.map(t=>(0,v.jsx)(y,{m:t,onOpen:()=>e(`/system/settings/${t.namespace}`)},t.namespace))})]},t)):(0,v.jsxs)(`div`,{className:`space-y-4`,children:[(0,v.jsx)(s,{className:`h-6 w-32`}),(0,v.jsx)(`div`,{className:`grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4`,children:Array.from({length:3}).map((e,t)=>(0,v.jsx)(s,{className:`h-32 w-full`},t))})]})]})}export{b as SettingsHub};

package/dist/assets/SettingsView-HmY6cAH1.js

@@ -1 +0,0 @@
-import{o as e}from"./rolldown-runtime-C0FnF6B9.js";import{f as t,m as n,r,y as i}from"./vendor-react-DpRf6e0g.js";import{n as a}from"./framework-UESyszCj.js";import{Bt as o,Cr as s,Dr as c,Or as l,Ot as u,Tn as d,To as f,_n as p,_r as m,an as h,ao as g,bn as _,fn as v,gn as y,gr as b,hn as x,kn as S,kr as C,mn as w,nc as T,oo as E,pn as D,ta as O,vr as k,yn as A,zc as j,zr as M,zt as N}from"./ui-components-BbC0qTrK.js";import{r as P}from"./vendor-ui-utils-CnzHPXVC.js";import{a as F,c as I,n as L,o as R,r as z,s as B,t as V}from"./useSettingsLabel-By0A6m6P.js";var H=e(i(),1),U=r();function W({reason:e,className:t}){return(0,U.jsxs)(s,{variant:`outline`,className:`gap-1 border-amber-300 bg-amber-50 text-amber-900 ${t??``}`,title:e??`Pinned by environment variable — cannot be edited from the UI.`,children:[(0,U.jsx)(g,{className:`h-3 w-3`}),`Locked by env`]})}function G({resolved:e,labels:t}){let n=e.cascadeChain;if(!n||n.length===0)return null;let r=n.find(e=>e.effective)??n[n.length-1],i=n.find(e=>e!==r&&e.value!==null&&e.value!==void 0),a=e=>t?.sourceLabel?.(e)??e;return r.scope!=="default"&&r.scope!==`user`&&r.scope!==`tenant`?(0,U.jsxs)(s,{variant:`outline`,className:`text-blue-700 border-blue-300 text-[10px]`,children:[`Inherited from `,a(r.scope)]}):i?(0,U.jsxs)(s,{variant:`outline`,className:`text-amber-700 border-amber-300 text-[10px]`,children:[`Overrides `,a(i.scope)]}):null}function K({spec:e,resolved:t,labelText:n,labels:r}){return(0,U.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,U.jsxs)(S,{className:`text-sm font-medium`,children:[n,e.required?(0,U.jsx)(`span`,{className:`ml-0.5 text-destructive`,children:`*`}):null]}),e.deprecated?(0,U.jsxs)(s,{variant:`outline`,className:`text-amber-700 border-amber-300`,children:[`Deprecated`,e.replacedBy?` → ${e.replacedBy}`:``]}):null,t?.locked?(0,U.jsx)(W,{reason:t.lockedReason}):null,t&&!t.locked?(0,U.jsx)(G,{resolved:t,labels:r}):null,t?.source&&t.source!=="default"&&!t.locked?(0,U.jsx)(`span`,{className:`text-[11px] text-muted-foreground`,children:r?.sourceLabel?.(t.source)??t.source}):null]})}function q({description:e}){return e?(0,U.jsx)(`p`,{className:`text-xs text-muted-foreground mt-1`,children:e}):null}function J({id:e,message:t}){return(0,U.jsx)(`p`,{id:e,role:`alert`,className:`text-xs text-destructive mt-1`,children:t})}function Y(e){let{spec:t,resolved:n,value:r,onChange:i,onAction:a,locked:s,saving:m,labels:h,error:g}=e,E=(0,H.useId)(),O=!!(s||m),k=L(t.label),j=t.key&&h?h.fieldLabel(t.key,k):k,P=t.key&&h?h.fieldHelp(t.key,t.description):t.description;if(t.type===`group`){let e=t.id&&h?h.groupTitle(t.id,k):k,n=t.id&&h?h.groupDescription(t.id,t.description):t.description;return(0,U.jsxs)(`div`,{className:`pt-6 pb-2`,children:[(0,U.jsx)(`h3`,{className:`text-sm font-semibold tracking-tight text-foreground/90`,children:e}),n?(0,U.jsx)(`p`,{className:`text-xs text-muted-foreground mt-1`,children:n}):null,(0,U.jsx)(v,{className:`mt-3`})]})}if(t.type===`info_banner`){let e=t.bannerSeverity===`error`?`destructive`:`default`;return(0,U.jsxs)(c,{variant:e,className:`my-2`,children:[(0,U.jsx)(f,{className:`h-4 w-4`}),(0,U.jsx)(C,{children:k}),t.bannerText?(0,U.jsx)(l,{children:t.bannerText}):null]})}if(t.type===`child_pane`)return(0,U.jsxs)(`a`,{href:`#/settings/${t.childNamespace}`,className:`flex items-center justify-between rounded-md border border-border bg-card px-4 py-3 hover:bg-accent transition-colors`,children:[(0,U.jsxs)(`div`,{children:[(0,U.jsx)(`div`,{className:`text-sm font-medium`,children:k}),t.description?(0,U.jsx)(`div`,{className:`text-xs text-muted-foreground`,children:t.description}):null]}),(0,U.jsx)(T,{className:`h-4 w-4 text-muted-foreground`})]});if(t.type===`title_value`)return(0,U.jsxs)(`div`,{className:`flex items-center justify-between py-2`,children:[(0,U.jsx)(K,{spec:t,resolved:n,labelText:j,labels:h}),(0,U.jsx)(`span`,{className:`text-sm text-muted-foreground`,children:String(r??`—`)})]});if(t.type===`action_button`){let e=t.icon?I(t.icon):null,n=t.id??t.key??`test`,r=h?h.actionLabel(n,k):k;return(0,U.jsxs)(`div`,{className:`flex items-center justify-between py-3`,children:[(0,U.jsxs)(`div`,{children:[(0,U.jsx)(`div`,{className:`text-sm font-medium`,children:r}),t.description?(0,U.jsx)(`p`,{className:`text-xs text-muted-foreground mt-1`,children:t.description}):null]}),(0,U.jsxs)(M,{size:`sm`,variant:`secondary`,onClick:a,disabled:m,children:[e?(0,U.jsx)(e,{className:`h-4 w-4 mr-1.5`}):null,r]})]})}let F=`${E}-error`,R=e=>(0,U.jsxs)(`div`,{className:`space-y-1.5 py-2`,children:[(0,U.jsx)(K,{spec:t,resolved:n,labelText:j,labels:h}),g&&(0,H.isValidElement)(e)?(0,H.cloneElement)(e,{"aria-invalid":!0,"aria-describedby":F}):e,g?(0,U.jsx)(J,{id:F,message:g}):(0,U.jsx)(q,{description:P})]}),z=e=>{let n=typeof e.label==`string`?e.label:e.label?.defaultValue??String(e.value);return!t.key||!h?n:h.optionLabel(t.key,String(e.value),n)};switch(t.type){case`text`:case`email`:case`url`:case`phone`:return R((0,U.jsx)(d,{id:E,type:t.type===`email`?`email`:t.type===`url`?`url`:`text`,value:r??``,minLength:t.minLength,maxLength:t.maxLength,pattern:t.pattern,disabled:O,onChange:e=>i(e.target.value)}));case`password`:return R((0,U.jsx)(d,{id:E,type:`password`,autoComplete:`new-password`,placeholder:r?`••••••••`:``,disabled:O,onChange:e=>i(e.target.value)}));case`textarea`:return R((0,U.jsx)(u,{id:E,rows:t.rows??4,value:r??``,minLength:t.minLength,maxLength:t.maxLength,disabled:O,onChange:e=>i(e.target.value)}));case`number`:return R((0,U.jsx)(d,{id:E,type:`number`,value:r,min:t.min,max:t.max,step:t.step,disabled:O,onChange:e=>i(e.target.value===``?null:Number(e.target.value))}));case`toggle`:return(0,U.jsxs)(`div`,{className:`flex items-center justify-between py-3`,children:[(0,U.jsxs)(`div`,{children:[(0,U.jsx)(K,{spec:t,resolved:n,labelText:j,labels:h}),(0,U.jsx)(q,{description:P})]}),(0,U.jsx)(N,{id:E,checked:!!r,disabled:O,onCheckedChange:e=>i(e)})]});case`select`:return R((0,U.jsxs)(D,{value:r==null?void 0:String(r),onValueChange:e=>i(e),disabled:O,children:[(0,U.jsx)(y,{id:E,children:(0,U.jsx)(p,{placeholder:`Select…`})}),(0,U.jsx)(w,{children:t.options?.map(e=>(0,U.jsx)(x,{value:String(e.value),children:z(e)},String(e.value)))})]}));case`radio`:return R((0,U.jsx)(A,{value:r==null?void 0:String(r),onValueChange:e=>i(e),disabled:O,children:t.options?.map(e=>(0,U.jsxs)(`div`,{className:`flex items-center space-x-2`,children:[(0,U.jsx)(_,{value:String(e.value),id:`${E}-${e.value}`}),(0,U.jsx)(S,{htmlFor:`${E}-${e.value}`,className:`text-sm font-normal`,children:z(e)})]},String(e.value)))}));case`multiselect`:{let e=Array.isArray(r)?r:[];return R((0,U.jsx)(`div`,{className:`grid grid-cols-2 gap-2`,children:t.options?.map(t=>{let n=String(t.value),r=e.map(String).includes(n);return(0,U.jsxs)(`label`,{className:`flex items-center gap-2 text-sm`,children:[(0,U.jsx)(b,{checked:r,disabled:O,onCheckedChange:t=>{let r=new Set(e.map(String));t?r.add(n):r.delete(n),i(Array.from(r))}}),z(t)]},n)})}))}case`slider`:return R((0,U.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,U.jsx)(o,{value:[Number(r??t.min??0)],min:t.min??0,max:t.max??100,step:t.step??1,disabled:O,onValueChange:e=>i(e[0]),className:`flex-1`}),(0,U.jsx)(`span`,{className:`text-sm tabular-nums w-12 text-right`,children:String(r??t.min??0)})]}));case`color`:return R((0,U.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,U.jsx)(d,{id:E,type:`color`,value:r??`#000000`,disabled:O,onChange:e=>i(e.target.value),className:`w-16 h-9 p-1`}),(0,U.jsx)(d,{value:r??``,disabled:O,onChange:e=>i(e.target.value),className:`flex-1 font-mono text-sm`})]}));case`json`:return R((0,U.jsx)(u,{id:E,rows:t.rows??6,className:`font-mono text-xs`,value:typeof r==`string`?r:JSON.stringify(r??null,null,2),disabled:O,onChange:e=>i(e.target.value)}));default:return R((0,U.jsxs)(`div`,{className:`text-sm text-muted-foreground`,children:[`Unsupported specifier type: `,t.type]}))}}function X(e,t){if(!e)return!0;let n=e.trim().match(/^\$\{(.+)\}$/);if(!n)return!0;try{return!!Function(`data`,`with (data) { return (${n[1]}); }`)(t)}catch{return!0}}function Z(e,t){let{[t]:n,...r}=e;return r}function Q(){let e=n(),r=t(),i=e.namespace??``,[o,c]=(0,H.useState)(null),[l,u]=(0,H.useState)(!0),[d,f]=(0,H.useState)(!1),[p,g]=(0,H.useState)(null),[_,v]=(0,H.useState)({}),[y,b]=(0,H.useState)({}),x=(0,H.useCallback)(async()=>{u(!0),g(null);try{let e=await z(i);c(e),v({}),b({})}catch(e){g(e?.message??`Failed to load settings`)}finally{u(!1)}},[i]);(0,H.useEffect)(()=>{i&&x()},[i,x]);let S=(0,H.useMemo)(()=>{let e={};if(!o)return e;for(let[t,n]of Object.entries(o.values))e[t]=n.value;return{...e,..._}},[o,_]),C=(0,H.useMemo)(()=>Object.keys(_),[_]),w=V(i);if(!i)return(0,U.jsx)(`div`,{className:`p-6 text-muted-foreground`,children:`No namespace selected.`});if(l)return(0,U.jsxs)(`div`,{className:`p-6 space-y-3 max-w-3xl`,children:[(0,U.jsx)(h,{className:`h-8 w-1/3`}),(0,U.jsx)(h,{className:`h-4 w-2/3`}),(0,U.jsx)(h,{className:`h-32 w-full`}),(0,U.jsx)(h,{className:`h-32 w-full`})]});if(p)return(0,U.jsxs)(`div`,{className:`p-6 max-w-3xl`,children:[(0,U.jsxs)(M,{variant:`ghost`,size:`sm`,onClick:()=>r(-1),children:[(0,U.jsx)(j,{className:`h-4 w-4 mr-1`}),` Back`]}),(0,U.jsx)(m,{className:`mt-3`,children:(0,U.jsx)(k,{className:`py-8 text-center text-sm text-destructive`,children:p})})]});if(!o)return null;let{manifest:T,values:D}=o,A=T.icon?I(T.icon):null,N=w.title(L(T.label)),W=w.description(T.description),G=async()=>{if(C.length!==0){f(!0);try{let e=await B(i,_);c({...o,values:{...D,...e.values}}),v({}),b({}),P.success(`Settings saved`)}catch(e){let t=e?.payload?.error;if(t?.code===`SETTINGS_LOCKED`){let e=F(t);P.error(e?`Locked by environment: ${e}`:`Locked by environment`)}else{let n=a(t);n?.length&&b(Object.fromEntries(n.map(e=>[e.field,e.message]))),P.error(e?.message??`Save failed`)}}finally{f(!1)}}},K=async e=>{f(!0);try{let t=await R(i,e,_);t.ok?P.success(t.message??`Action succeeded`):P.error(t.message??`Action failed`)}catch(e){P.error(e?.message??`Action failed`)}finally{f(!1)}};return(0,U.jsxs)(`div`,{className:`p-6 max-w-3xl mx-auto pb-32`,children:[(0,U.jsxs)(M,{variant:`ghost`,size:`sm`,onClick:()=>r(`/system/settings`),children:[(0,U.jsx)(j,{className:`h-4 w-4 mr-1`}),` All settings`]}),(0,U.jsxs)(`div`,{className:`mt-3 flex items-start gap-3`,children:[A?(0,U.jsx)(A,{className:`h-7 w-7 mt-0.5 text-muted-foreground`}):null,(0,U.jsxs)(`div`,{className:`flex-1`,children:[(0,U.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,U.jsx)(`h1`,{className:`text-2xl font-semibold tracking-tight`,children:N}),T.beta?(0,U.jsx)(s,{variant:`secondary`,children:`Beta`}):null]}),W?(0,U.jsx)(`p`,{className:`text-sm text-muted-foreground mt-1`,children:W}):null]})]}),T.helpText?(0,U.jsx)(`p`,{className:`text-sm text-muted-foreground mt-4 whitespace-pre-wrap`,children:T.helpText}):null,(0,U.jsx)(`div`,{className:`mt-6 divide-y`,children:T.specifiers.filter(e=>X(e.visible,S)).map((e,t)=>{let n=e.key,r=n?D[n]:void 0,i=n?n in _?_[n]:r?.value:void 0;return(0,U.jsx)(Y,{spec:e,resolved:r,value:i,onChange:e=>{n&&(v(t=>({...t,[n]:e})),b(e=>n in e?Z(e,n):e))},onAction:e.type===`action_button`?()=>K(e.id??n??`test`):void 0,locked:r?.locked,saving:d,labels:w,error:n?y[n]:void 0},(n??`_layout_${t}`)+t)})}),C.length>0?(0,U.jsx)(`div`,{className:`fixed bottom-0 inset-x-0 bg-background/95 backdrop-blur border-t shadow-lg z-40`,children:(0,U.jsxs)(`div`,{className:`max-w-3xl mx-auto px-6 py-3 flex items-center justify-between`,children:[(0,U.jsxs)(`div`,{className:`text-sm text-muted-foreground`,children:[C.length,` unsaved change`,C.length>1?`s`:``]}),(0,U.jsxs)(`div`,{className:`flex gap-2`,children:[(0,U.jsxs)(M,{variant:`ghost`,size:`sm`,onClick:()=>{v({}),b({})},disabled:d,children:[(0,U.jsx)(O,{className:`h-4 w-4 mr-1`}),` Discard`]}),(0,U.jsxs)(M,{onClick:G,disabled:d,children:[d?(0,U.jsx)(E,{className:`h-4 w-4 mr-1 animate-spin`}):null,`Save changes`]})]})]})}):null]})}export{Q as SettingsView};