@markus-global/cli 0.9.0-rc.0 → 0.9.0-rc.10

package/dist/web-ui/assets/Store-zOMsSP3j.js

@@ -0,0 +1 @@
+import{u as y,r as d,a as S,b as T,j as e,S as N,T as L,c as _,d as M,I as E,h as z,i as D}from"./index-5EV0bSmQ.js";const k=[{id:"discover"},{id:"agents"},{id:"teams"},{id:"skills"},{id:"installed"}],I={agent:"agents",team:"teams",skill:"skills",connector:"skills"},C={discover:"M12 2l2.4 6.9L21 9l-5.4 4 2 7-5.6-4.1L6.4 20l2-7L3 9l6.6-.1z",agents:"M12 2a5 5 0 015 5v1a5 5 0 01-10 0V7a5 5 0 015-5zM4 21a8 8 0 0116 0z",teams:"M16 11a4 4 0 10-4-4 4 4 0 004 4zM8 13a3 3 0 10-3-3 3 3 0 003 3zm0 2c-2.7 0-5 1.3-5 3v2h7v-2c0-.7.2-1.3.6-1.9A7.6 7.6 0 008 15zm8 0c-3 0-6 1.5-6 3.5V21h12v-2.5c0-2-3-3.5-6-3.5z",skills:"M13 2L3 14h7l-1 8 10-12h-7z",installed:"M12 3v12m0 0l-4-4m4 4l4-4M5 21h14"};function b(a){return a==="discover"||a==="agents"||a==="teams"||a==="skills"||a==="installed"}function w(){const a=localStorage.getItem("markus_nav_installItem"),i=localStorage.getItem("markus_nav_storeTab");if(a)return{tab:b(i)?i:"agents",installId:a};const x=new URLSearchParams(window.location.search),s=x.get("install");if(s){const n=x.get("type");return{tab:n&&I[n]||"agents",installId:s}}return{tab:b(i)?i:"discover",installId:null}}function j(){localStorage.removeItem("markus_nav_installItem"),localStorage.removeItem("markus_nav_storeTab");const a=new URLSearchParams(window.location.search);if(a.has("install")||a.has("type")){a.delete("install"),a.delete("type");const i=a.toString();window.history.replaceState(null,"",window.location.pathname+(i?`?${i}`:"")+window.location.hash)}}function H({itemId:a,onDismiss:i,onInstalled:x}){const{t:s}=y(["store","common"]),[n,g]=d.useState(null),[h,o]=d.useState("loading"),[c,p]=d.useState(!1),[m,u]=d.useState("");d.useEffect(()=>{let r=!1;return o("loading"),g(null),u(""),z.getItem(a).then(({item:l})=>{r||(l?(g(l),o("ready")):o("missing"))}).catch(()=>{r||o("missing")}),()=>{r=!0}},[a]);const t=async()=>{if(!(!n||c)){p(!0),u("");try{await D(n),u(s("deepLink.installed")),x()}catch(r){const l=r instanceof Error?r.message:"";u(l.includes("402")||l.includes("Purchase")?s("deepLink.purchaseRequired"):s("deepLink.failed"))}finally{p(!1)}}};return e.jsxs("div",{className:"shrink-0 mx-3 mt-3 mb-1 rounded-xl border border-brand-500/30 bg-brand-600/10 px-4 py-3 flex flex-col sm:flex-row sm:items-center gap-3",children:[e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-[11px] font-semibold uppercase tracking-wider text-brand-400/90 mb-0.5",children:s("deepLink.fromHub")}),h==="loading"&&e.jsx("p",{className:"text-sm text-fg-secondary",children:s("deepLink.loading")}),h==="missing"&&e.jsx("p",{className:"text-sm text-rose-300",children:s("deepLink.missing")}),h==="ready"&&n&&e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"text-sm font-semibold text-fg-primary truncate",children:n.name}),n.description&&e.jsx("p",{className:"text-xs text-fg-tertiary line-clamp-2 mt-0.5",children:n.description}),m&&e.jsx("p",{className:"text-xs mt-1 text-brand-300",children:m})]})]}),e.jsxs("div",{className:"flex items-center gap-2 shrink-0",children:[h==="ready"&&n&&e.jsx("button",{type:"button",disabled:c,onClick:()=>{t()},className:"px-3.5 py-2 rounded-lg text-xs font-semibold bg-brand-600 hover:bg-brand-500 text-white disabled:opacity-60",children:s(c?"deepLink.installing":"deepLink.install")}),e.jsx("button",{type:"button",onClick:i,className:"px-2.5 py-2 rounded-lg text-xs text-fg-tertiary hover:text-fg-secondary hover:bg-surface-elevated/60",children:s("deepLink.dismiss")})]})]})}function P({authUser:a}){const{t:i}=y(["store","common"]),[x]=d.useState(w),[s,n]=d.useState(x.tab),g=S(),h=T(k,s,n),[o,c]=d.useState(x.installId);d.useEffect(()=>{const t=w();t.installId&&(c(t.installId),b(t.tab)&&n(t.tab),j())},[]),d.useEffect(()=>{const t=r=>{const l=r.detail;if(l.page==="store"||l.page==="explore"){const f=l.params?.storeTab??localStorage.getItem("markus_nav_storeTab"),v=l.params?.installItem??localStorage.getItem("markus_nav_installItem");f&&b(f)&&n(f),v&&c(v),(f||v)&&j()}};return window.addEventListener("markus:navigate",t),()=>window.removeEventListener("markus:navigate",t)},[]);const p=(t,r)=>{const l=I[t]??"agents";r&&c(r),n(l)},m=()=>c(null),u=()=>e.jsxs(e.Fragment,{children:[o&&e.jsx(H,{itemId:o,onDismiss:m,onInstalled:m}),s==="discover"&&e.jsx(N,{onOpenType:p}),s==="agents"&&e.jsx(L,{authUser:a,highlightItemId:o,onHighlightDone:m}),s==="teams"&&e.jsx(_,{highlightItemId:o,onHighlightDone:m}),s==="skills"&&e.jsx(M,{highlightItemId:o,onHighlightDone:m}),s==="installed"&&e.jsx(E,{})]});return g?e.jsxs("div",{className:"flex-1 overflow-hidden flex flex-col",onTouchStart:h.onTouchStart,onTouchEnd:h.onTouchEnd,children:[e.jsx("div",{className:"flex shrink-0 overflow-x-auto scrollbar-hide",children:k.map(t=>e.jsx("button",{onClick:()=>n(t.id),className:`flex-1 min-w-fit px-4 py-3 text-sm font-medium text-center whitespace-nowrap transition-colors border-b-2 ${s===t.id?"border-brand-500 text-brand-500":"border-transparent text-fg-tertiary hover:text-fg-secondary"}`,children:i(`tabs.${t.id}`)},t.id))}),e.jsx("div",{className:"flex-1 overflow-hidden flex flex-col",children:u()})]}):e.jsxs("div",{className:"flex-1 overflow-hidden flex flex-row",children:[e.jsxs("nav",{className:"w-36 shrink-0 bg-surface-secondary rounded-xl m-1 mr-0 flex flex-col py-4 px-2 gap-1",children:[e.jsx("div",{className:"px-3 pb-3 mb-1",children:e.jsx("h2",{className:"text-xs font-semibold text-fg-tertiary uppercase tracking-wider",children:i("title")})}),k.map(t=>e.jsxs("button",{onClick:()=>n(t.id),className:`flex items-center gap-2.5 px-3 py-2.5 rounded-lg text-sm font-medium transition-all ${s===t.id?"bg-brand-600/15 text-brand-400 shadow-sm shadow-brand-500/10":"text-fg-tertiary hover:text-fg-secondary hover:bg-surface-elevated/50"}`,children:[e.jsx("svg",{className:"w-4 h-4 shrink-0",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"1.8",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:e.jsx("path",{d:C[t.id]})}),i(`tabs.${t.id}`)]},t.id))]}),e.jsx("div",{className:"flex-1 overflow-hidden flex flex-col",children:u()})]})}export{P as StorePage};