sliccy 6.17.2 → 6.19.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ui/assets/{account-store-B6tePrxv.js → account-store-DgqdJlW_.js} +1 -1
- package/dist/ui/assets/{account-store-C_fzZ9Gi.js → account-store-W-kAs7Dl.js} +1 -1
- package/dist/ui/assets/{adobe-CF5tUvqb.js → adobe-4kUQiB_k.js} +1 -1
- package/dist/ui/assets/{adobe-D6J3H4tD.js → adobe-Ct9fC7Tp.js} +1 -1
- package/dist/ui/assets/agent-panels-B92KQapO.js +1 -0
- package/dist/ui/assets/apply-layout-D2kYdTt2.js +1 -0
- package/dist/ui/assets/{apps-DaWNg-rw.js → apps-BeqDDiYQ.js} +1 -1
- package/dist/ui/assets/{azure-openai-WpMx_IzX.js → azure-openai-B_BDlGf0.js} +1 -1
- package/dist/ui/assets/{azure-openai-CooqTv2Z.js → azure-openai-VY6caNg5.js} +1 -1
- package/dist/ui/assets/{cerebras-BKbWxygk.js → cerebras-BZmwIVCv.js} +1 -1
- package/dist/ui/assets/{cerebras-CAIr6AA6.js → cerebras-bktu4nf-.js} +1 -1
- package/dist/ui/assets/{connect-surface-BqsSodXt.js → connect-surface-qO0_jeZR.js} +1 -1
- package/dist/ui/assets/feature-flags-DGx7_0ym.js +1 -0
- package/dist/ui/assets/fs-CCEE_8LB.js +2 -0
- package/dist/ui/assets/{fs-BYD_Ar0B.js → fs-DLIAn-Dw.js} +1 -1
- package/dist/ui/assets/{github-C7E4MqqS.js → github-C4Ng6K9O.js} +1 -1
- package/dist/ui/assets/github-C7JTN2kZ.js +2 -0
- package/dist/ui/assets/{github-copilot-CBPQ-Jfk.js → github-copilot-BnHkGiDY.js} +1 -1
- package/dist/ui/assets/{github-copilot-U1lPIL3E.js → github-copilot-UpoYORj9.js} +1 -1
- package/dist/ui/assets/icons-CXqRAmcw.js +1 -0
- package/dist/ui/assets/{kernel-worker-dgkF8tD1.js → kernel-worker-Dm_AqzgN.js} +609 -608
- package/dist/ui/assets/layout-apply-registry-Cw730jao.js +1 -0
- package/dist/ui/assets/layout-schema-UznNUt3s.js +1 -0
- package/dist/ui/assets/{local-llm-CCq5deIh.js → local-llm-BJjDS4Rr.js} +1 -1
- package/dist/ui/assets/{local-llm-jq4KXrPu.js → local-llm-C9L98Ae0.js} +1 -1
- package/dist/ui/assets/{main-0olOm7ud.js → main-UYZ9qNOb.js} +3 -3
- package/dist/ui/assets/main-cherry-DSv7WYF-.js +1 -0
- package/dist/ui/assets/{mount-C3dL6FgQ.js → mount-DA7MqeYE.js} +1 -1
- package/dist/ui/assets/{mount-bxrGCedB.js → mount-DArNkQgk.js} +2 -2
- package/dist/ui/assets/{mount-recovery-DRG54Uqj.js → mount-recovery-XGXXsNNQ.js} +1 -1
- package/dist/ui/assets/{new-session-BcsCPMvn.js → new-session-_P_nGAlD.js} +2 -2
- package/dist/ui/assets/{oauth-bootstrap-DSpzGbbl.js → oauth-bootstrap-CJxXfHro.js} +2 -2
- package/dist/ui/assets/{openai-codex-ssK-d5k5.js → openai-codex-BuJ5EL3F.js} +1 -1
- package/dist/ui/assets/{openai-codex-DQtPvLdc.js → openai-codex-Cv6LUIvR.js} +1 -1
- package/dist/ui/assets/{openrouter-CgZ9DixR.js → openrouter-BcfRRqjA.js} +1 -1
- package/dist/ui/assets/{openrouter-BTtXEa-1.js → openrouter-DsafuhHM.js} +1 -1
- package/dist/ui/assets/{openrouter-oauth-eCjUfY5V.js → openrouter-oauth-CYNOxBex.js} +1 -1
- package/dist/ui/assets/{openrouter-oauth-tClWjae0.js → openrouter-oauth-Gu4ZiqEH.js} +1 -1
- package/dist/ui/assets/panel-registry-CJdOibpf.js +1 -0
- package/dist/ui/assets/panel-responder-B6PI12mV.js +1 -0
- package/dist/ui/assets/panel-rpc-handlers-Dw3s-1cV.js +2 -0
- package/dist/ui/assets/panelize-shell-CU8Lx_m_.js +3 -0
- package/dist/ui/assets/{provider-C-MLXrNB.js → provider-BmLBICo9.js} +2 -2
- package/dist/ui/assets/{provider-xKTSwy0e.js → provider-DEp3yXvQ.js} +1 -1
- package/dist/ui/assets/{provider-settings-DEHOtnmj.js → provider-settings-D68BVfuy.js} +1 -1
- package/dist/ui/assets/{provider-settings-CZLKhf18.js → provider-settings-DRhPJ2t2.js} +1 -1
- package/dist/ui/assets/provider-store-access-DEKrrzH9.js +1 -0
- package/dist/ui/assets/provider-store-access-UwJ5SIOs.js +2 -0
- package/dist/ui/assets/{providers-DZoalV56.js → providers-BCHoUzWQ.js} +1 -1
- package/dist/ui/assets/{providers-DMNQoLvJ.js → providers-CHk38IYQ.js} +2 -2
- package/dist/ui/assets/{quick-llm-UJXQmvOR.js → quick-llm-BckMrXsZ.js} +1 -1
- package/dist/ui/assets/{redirect-uri-CNtUrsE5.js → redirect-uri-ubHHU-bW.js} +1 -1
- package/dist/ui/assets/{session-freezer-BiMTz4YW.js → session-freezer-6nPAAlUb.js} +3 -3
- package/dist/ui/assets/{setup-feature-flags-remote-C3b1uIh4.js → setup-feature-flags-remote-CAM9SV0x.js} +1 -1
- package/dist/ui/assets/{setup-standalone-prelude-qaCKmTar.js → setup-standalone-prelude-ChGaV2Mc.js} +2 -2
- package/dist/ui/assets/{setup-sudo-BsRfK0LD.js → setup-sudo-BMhN336z.js} +2 -2
- package/dist/ui/assets/{skills-F00nKIku.js → skills-07DgPOTi.js} +2 -2
- package/dist/ui/assets/{src-DIMcRNMe.js → src-COcZAGHN.js} +538 -248
- package/dist/ui/assets/{store-B-ltfXCu.js → store-TR4wLxKa.js} +1 -1
- package/dist/ui/assets/{sudo-BZx8F2gf.js → sudo-DbH1OoZg.js} +1 -1
- package/dist/ui/assets/trusted-layer-ghPA1ENf.js +1 -0
- package/dist/ui/assets/{upgrade-detection-DrB17BqD.js → upgrade-detection-RiIV_Lmj.js} +1 -1
- package/dist/ui/assets/virtual-device-paths-9EXC9iPp.js +1 -0
- package/dist/ui/assets/wc-attach-C67WgjRH.js +13 -0
- package/dist/ui/assets/{wc-extension-BS0ewuOy.js → wc-extension-CbeI_LVT.js} +2 -2
- package/dist/ui/assets/wc-follower-B8hYpzrI.js +17 -0
- package/dist/ui/assets/wc-live-Bx4Mn442.js +8 -0
- package/dist/ui/assets/{wc-nav-BoXqFA0W.js → wc-nav-Bp6MQVhX.js} +2 -2
- package/dist/ui/assets/{wc-onboarding-Cn5qa25G.js → wc-onboarding-BZp6Tdcu.js} +2 -2
- package/dist/ui/assets/{wc-placeholder-Csr_YhFU.js → wc-placeholder-ArbpDeD0.js} +2 -2
- package/dist/ui/assets/{wc-settings-Bqm22CIX.js → wc-settings-3G5QOR9o.js} +3 -3
- package/dist/ui/assets/wc-shell-Boa0xt1P.js +117 -0
- package/dist/ui/assets/wc-sprinkles-B_qhYn76.js +2 -0
- package/dist/ui/assets/{wc-tray-CxOopgJK.js → wc-tray-DLKrxol4.js} +2 -2
- package/dist/ui/assets/{xai-grok-4zlUYdAg.js → xai-grok-BqmLRKfl.js} +1 -1
- package/dist/ui/assets/{xai-grok-CgXIRHYT.js → xai-grok-kCUfgrrH.js} +1 -1
- package/dist/ui/index.html +7 -7
- package/dist/ui/packages/webapp/index.html +7 -7
- package/package.json +1 -1
- package/dist/ui/assets/feature-flags-C6YBr0Cv.js +0 -1
- package/dist/ui/assets/fs-BYE6u9aH.js +0 -2
- package/dist/ui/assets/github-BQLOGiLF.js +0 -2
- package/dist/ui/assets/icons-C5g936Qd.js +0 -1
- package/dist/ui/assets/main-cherry-C8VTPpbn.js +0 -1
- package/dist/ui/assets/panel-responder-BKgfV-nl.js +0 -1
- package/dist/ui/assets/panel-rpc-handlers-DBYpy-eG.js +0 -2
- package/dist/ui/assets/provider-store-access-BJUxoV49.js +0 -1
- package/dist/ui/assets/provider-store-access-CH99Gzli.js +0 -2
- package/dist/ui/assets/wc-attach-B5t31l5I.js +0 -13
- package/dist/ui/assets/wc-follower-p-u9ZhHV.js +0 -17
- package/dist/ui/assets/wc-live-BbYtWVtF.js +0 -8
- package/dist/ui/assets/wc-shell-DDnKpVT5.js +0 -117
- package/dist/ui/assets/wc-sprinkles-C3p_oONA.js +0 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{n as e}from"./rolldown-runtime-aKtaBQYM.js";import{t}from"./preload-helper-Czpn1I53.js";import{n,t as r}from"./icons-
|
|
1
|
+
import{n as e}from"./rolldown-runtime-aKtaBQYM.js";import{t}from"./preload-helper-Czpn1I53.js";import{n,t as r}from"./icons-CXqRAmcw.js";import{i,n as a,r as o,t as s}from"./speech-C5U8h4In.js";import{t as c}from"./soundscape-cues-5_sT5Un6.js";import"./panel-registry-CJdOibpf.js";import{a as l,c as u,d,f,h as p,i as m,n as h,o as g,p as _,r as v,u as y}from"./layout-schema-UznNUt3s.js";var ee=[`top`,`right`,`bottom`,`left`,`center`];function te(e){return e!=null&&ee.includes(e)}function b(e){let t=e?.panelMeta;return t&&typeof t.id==`string`?t:void 0}var ne=[`top-left`,`top-right`,`bottom-left`,`bottom-right`,`top`,`right`,`bottom`,`left`],re=`top-right`,ie=`slicc-launcher-corner`,ae=[`disconnected`,`connected`,`error`],oe=`disconnected`,x=`follower-status`,se=new Set(ne),ce=new Set(ae);function le(e,t=re){return e&&se.has(e)?e:t}function ue(e,t=oe){return e&&ce.has(e)?e:t}function de(e,t){return e>=6||e>=12&&t>=.6}function fe({clientX:e,clientY:t,viewportWidth:n,viewportHeight:r,velocityXPxPerMs:i=0,velocityYPxPerMs:a=0,flickProjectionMs:o=180}){let s=pe(e+i*o,0,n),c=pe(t+a*o,0,r),l=s/n,u=c/r,d=l>1/3&&l<2/3,f=u>1/3&&u<2/3;if(d&&f){let e=u,t=1-u,n=l,r=1-l,i=Math.min(e,t,n,r);return i===e?`top`:i===t?`bottom`:i===n?`left`:`right`}return d?u<.5?`top`:`bottom`:f?l<.5?`left`:`right`:`${u<.5?`top`:`bottom`}-${l<.5?`left`:`right`}`}function pe(e,t,n){return Math.min(Math.max(e,t),n)}var me=`<?xml version="1.0" encoding="UTF-8"?>
|
|
2
2
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="100%" height="100%"><g transform="translate(151.53125, -171.3125) scale(1.25)"><g transform="translate(0, 21)"><g id="Cone">
|
|
3
3
|
<path id="Cone_Bottom" data-name="Cone Bottom" d="M108.22,414.88l189.84,460.03c1.36,3.3,6.09,3.16,7.25-.22l159.34-463.34c.87-2.53-1.03-5.16-3.7-5.13l-349.18,3.32c-2.74.03-4.59,2.82-3.55,5.35Z" style="fill: rgb(34, 34, 34); stroke: rgb(255, 255, 255); stroke-linejoin: round; stroke-width: 20px;"></path>
|
|
4
4
|
<g id="Waffle_Cross-Hatch" data-name="Waffle Cross-Hatch">
|
|
@@ -25,7 +25,7 @@ import{n as e}from"./rolldown-runtime-aKtaBQYM.js";import{t}from"./preload-helpe
|
|
|
25
25
|
<circle id="Right_Eye_Outline" data-name="Right Eye Outline" cx="175.1" cy="250.34" r="64.78" style="fill: rgb(0, 0, 0); stroke: rgb(255, 255, 255); stroke-miterlimit: 10; stroke-width: 6px;"></circle>
|
|
26
26
|
|
|
27
27
|
</g><g><line x1="351.01" y1="183.73000000000002" x2="415.78999999999996" y2="248.51" stroke="#fff" stroke-width="15" stroke-linecap="round"></line><line x1="351.01" y1="248.51" x2="415.78999999999996" y2="183.73000000000002" stroke="#fff" stroke-width="15" stroke-linecap="round"></line></g><g><line x1="142.70999999999998" y1="217.95" x2="207.49" y2="282.73" stroke="#fff" stroke-width="15" stroke-linecap="round"></line><line x1="142.70999999999998" y1="282.73" x2="207.49" y2="217.95" stroke="#fff" stroke-width="15" stroke-linecap="round"></line></g></g></g></svg>
|
|
28
|
-
`,
|
|
28
|
+
`,he=`<?xml version="1.0" encoding="UTF-8"?>
|
|
29
29
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="100%" height="100%"><g transform="translate(151.53125, -171.3125) scale(1.25)"><g transform="translate(0, 21)"><g id="Cone">
|
|
30
30
|
<path id="Cone_Bottom" data-name="Cone Bottom" d="M108.22,414.88l189.84,460.03c1.36,3.3,6.09,3.16,7.25-.22l159.34-463.34c.87-2.53-1.03-5.16-3.7-5.13l-349.18,3.32c-2.74.03-4.59,2.82-3.55,5.35Z" style="fill: #fff; stroke: #000; stroke-linejoin: round; stroke-width: 20px;"></path>
|
|
31
31
|
<g id="Waffle_Cross-Hatch" data-name="Waffle Cross-Hatch">
|
|
@@ -52,7 +52,7 @@ import{n as e}from"./rolldown-runtime-aKtaBQYM.js";import{t}from"./preload-helpe
|
|
|
52
52
|
<circle id="Right_Eye_Outline" data-name="Right Eye Outline" cx="175.1" cy="250.34" r="64.78" style="fill: #fff; stroke: #000; stroke-miterlimit: 10; stroke-width: 6px;"></circle>
|
|
53
53
|
|
|
54
54
|
</g><g><line x1="351.01" y1="183.73000000000002" x2="415.78999999999996" y2="248.51" stroke="#000" stroke-width="15" stroke-linecap="round"></line><line x1="351.01" y1="248.51" x2="415.78999999999996" y2="183.73000000000002" stroke="#000" stroke-width="15" stroke-linecap="round"></line></g><g><line x1="142.70999999999998" y1="217.95" x2="207.49" y2="282.73" stroke="#000" stroke-width="15" stroke-linecap="round"></line><line x1="142.70999999999998" y1="282.73" x2="207.49" y2="217.95" stroke="#000" stroke-width="15" stroke-linecap="round"></line></g></g></g></svg>
|
|
55
|
-
`,
|
|
55
|
+
`,ge=`<?xml version="1.0" encoding="UTF-8"?>
|
|
56
56
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="100%" height="100%"><g transform="translate(151.53125, -171.3125) scale(1.25)"><g transform="translate(0, 21)"><g id="Cone">
|
|
57
57
|
<path id="Cone_Bottom" data-name="Cone Bottom" d="M108.22,414.88l189.84,460.03c1.36,3.3,6.09,3.16,7.25-.22l159.34-463.34c.87-2.53-1.03-5.16-3.7-5.13l-349.18,3.32c-2.74.03-4.59,2.82-3.55,5.35Z" style="fill: rgb(34, 34, 34); stroke: rgb(255, 255, 255); stroke-linejoin: round; stroke-width: 20px;"/>
|
|
58
58
|
<g id="Waffle_Cross-Hatch" data-name="Waffle Cross-Hatch">
|
|
@@ -78,7 +78,7 @@ import{n as e}from"./rolldown-runtime-aKtaBQYM.js";import{t}from"./preload-helpe
|
|
|
78
78
|
</g><g id="Left_Eye" data-name="Left Eye">
|
|
79
79
|
<circle id="Right_Eye_Outline" data-name="Right Eye Outline" cx="175.1" cy="250.34" r="64.78" style="fill: rgb(0, 0, 0); stroke: rgb(255, 255, 255); stroke-miterlimit: 10; stroke-width: 6px;"/>
|
|
80
80
|
<path id="Left_Pupil" data-name="Left Pupil" d="M213.74,233.23c-.13,1.98-.7,3.97-1.76,5.81-3.71,6.43-11.93,8.63-18.36,4.92-6.43-3.71-8.63-11.93-4.92-18.36,2.32-4.02,6.4-6.38,10.7-6.69-3.8-1.78-8.03-2.8-12.51-2.8-16.37,0-29.64,13.27-29.64,29.64s13.27,29.64,29.64,29.64,29.64-13.27,29.64-29.64c0-4.48-1.02-8.72-2.81-12.53Z" style="fill: rgb(255, 255, 255);"/>
|
|
81
|
-
</g></g></g></svg>`,
|
|
81
|
+
</g></g></g></svg>`,_e=`<?xml version="1.0" encoding="UTF-8"?>
|
|
82
82
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="100%" height="100%"><g transform="translate(191.47118749999993, 12.583024999999978) scale(1.1115000000000002)"><g transform="translate(0, 0)"><g id="Cone">
|
|
83
83
|
<path id="Cone_Bottom" data-name="Cone Bottom" d="M108.22,414.88l189.84,460.03c1.36,3.3,6.09,3.16,7.25-.22l159.34-463.34c.87-2.53-1.03-5.16-3.7-5.13l-349.18,3.32c-2.74.03-4.59,2.82-3.55,5.35Z" style="fill: rgb(34, 34, 34); stroke: rgb(255, 255, 255); stroke-linejoin: round; stroke-width: 20px;"/>
|
|
84
84
|
<g id="Waffle_Cross-Hatch" data-name="Waffle Cross-Hatch">
|
|
@@ -104,7 +104,7 @@ import{n as e}from"./rolldown-runtime-aKtaBQYM.js";import{t}from"./preload-helpe
|
|
|
104
104
|
</g><g id="Left_Eye" data-name="Left Eye">
|
|
105
105
|
<circle id="Right_Eye_Outline" data-name="Right Eye Outline" cx="175.1" cy="250.34" r="64.78" style="fill: rgb(0, 0, 0); stroke: rgb(255, 255, 255); stroke-miterlimit: 10; stroke-width: 6px;"/>
|
|
106
106
|
<path id="Left_Pupil" data-name="Left Pupil" d="M213.74,233.23c-.13,1.98-.7,3.97-1.76,5.81-3.71,6.43-11.93,8.63-18.36,4.92-6.43-3.71-8.63-11.93-4.92-18.36,2.32-4.02,6.4-6.38,10.7-6.69-3.8-1.78-8.03-2.8-12.51-2.8-16.37,0-29.64,13.27-29.64,29.64s13.27,29.64,29.64,29.64,29.64-13.27,29.64-29.64c0-4.48-1.02-8.72-2.81-12.53Z" style="fill: rgb(255, 255, 255);"/>
|
|
107
|
-
</g></g></g></svg>`,
|
|
107
|
+
</g></g></g></svg>`,ve=`<?xml version="1.0" encoding="UTF-8"?>
|
|
108
108
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="100%" height="100%"><g transform="translate(151.53125, -171.3125) scale(1.25)"><g transform="translate(0, 21)"><g id="Cone">
|
|
109
109
|
<path id="Cone_Bottom" data-name="Cone Bottom" d="M108.22,414.88l189.84,460.03c1.36,3.3,6.09,3.16,7.25-.22l159.34-463.34c.87-2.53-1.03-5.16-3.7-5.13l-349.18,3.32c-2.74.03-4.59,2.82-3.55,5.35Z" style="fill: #fff; stroke: #000; stroke-linejoin: round; stroke-width: 20px;"/>
|
|
110
110
|
<g id="Waffle_Cross-Hatch" data-name="Waffle Cross-Hatch">
|
|
@@ -130,7 +130,7 @@ import{n as e}from"./rolldown-runtime-aKtaBQYM.js";import{t}from"./preload-helpe
|
|
|
130
130
|
</g><g id="Left_Eye" data-name="Left Eye">
|
|
131
131
|
<circle id="Right_Eye_Outline" data-name="Right Eye Outline" cx="175.1" cy="250.34" r="64.78" style="fill: #fff; stroke: #000; stroke-miterlimit: 10; stroke-width: 6px;"/>
|
|
132
132
|
<path id="Left_Pupil" data-name="Left Pupil" d="M213.74,233.23c-.13,1.98-.7,3.97-1.76,5.81-3.71,6.43-11.93,8.63-18.36,4.92-6.43-3.71-8.63-11.93-4.92-18.36,2.32-4.02,6.4-6.38,10.7-6.69-3.8-1.78-8.03-2.8-12.51-2.8-16.37,0-29.64,13.27-29.64,29.64s13.27,29.64,29.64,29.64,29.64-13.27,29.64-29.64c0-4.48-1.02-8.72-2.81-12.53Z" style="fill: rgb(0, 0, 0);"/>
|
|
133
|
-
</g></g></g></svg>`,
|
|
133
|
+
</g></g></g></svg>`,ye=`<?xml version="1.0" encoding="UTF-8"?>
|
|
134
134
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" width="100%" height="100%"><g transform="translate(191.47118749999993, 12.583024999999978) scale(1.1115000000000002)"><g transform="translate(0, 0)"><g id="Cone">
|
|
135
135
|
<path id="Cone_Bottom" data-name="Cone Bottom" d="M108.22,414.88l189.84,460.03c1.36,3.3,6.09,3.16,7.25-.22l159.34-463.34c.87-2.53-1.03-5.16-3.7-5.13l-349.18,3.32c-2.74.03-4.59,2.82-3.55,5.35Z" style="fill: #fff; stroke: #000; stroke-linejoin: round; stroke-width: 20px;"/>
|
|
136
136
|
<g id="Waffle_Cross-Hatch" data-name="Waffle Cross-Hatch">
|
|
@@ -156,7 +156,7 @@ import{n as e}from"./rolldown-runtime-aKtaBQYM.js";import{t}from"./preload-helpe
|
|
|
156
156
|
</g><g id="Left_Eye" data-name="Left Eye">
|
|
157
157
|
<circle id="Right_Eye_Outline" data-name="Right Eye Outline" cx="175.1" cy="250.34" r="64.78" style="fill: #fff; stroke: #000; stroke-miterlimit: 10; stroke-width: 6px;"/>
|
|
158
158
|
<path id="Left_Pupil" data-name="Left Pupil" d="M213.74,233.23c-.13,1.98-.7,3.97-1.76,5.81-3.71,6.43-11.93,8.63-18.36,4.92-6.43-3.71-8.63-11.93-4.92-18.36,2.32-4.02,6.4-6.38,10.7-6.69-3.8-1.78-8.03-2.8-12.51-2.8-16.37,0-29.64,13.27-29.64,29.64s13.27,29.64,29.64,29.64,29.64-13.27,29.64-29.64c0-4.48-1.02-8.72-2.81-12.53Z" style="fill: rgb(0, 0, 0);"/>
|
|
159
|
-
</g></g></g></svg>`;function
|
|
159
|
+
</g></g></g></svg>`;function be(e,t){typeof customElements>`u`||customElements==null||customElements.get(e)||customElements.define(e,t)}function xe(e,t){for(let n of t)n==null||n===!1||e.append(typeof n==`string`||typeof n==`number`?document.createTextNode(String(n)):n)}function S(e,t,...n){let r=document.createElement(e);if(t)for(let[e,n]of Object.entries(t))n==null||n===!1||(e===`class`?r.className=String(n):r.setAttribute(e,n===!0?``:String(n)));return xe(r,n),r}function Se(e){let t=new CSSStyleSheet;return t.replaceSync(e),t}var Ce=Se(`
|
|
160
160
|
:host {
|
|
161
161
|
all: initial;
|
|
162
162
|
position: fixed;
|
|
@@ -213,10 +213,10 @@ import{n as e}from"./rolldown-runtime-aKtaBQYM.js";import{t}from"./preload-helpe
|
|
|
213
213
|
.logo-icon { width: 32px; height: 32px; display: block; }
|
|
214
214
|
.logo-icon svg { width: 100%; height: 100%; display: block; }
|
|
215
215
|
.logo-state { display: none; }
|
|
216
|
-
:host(:not([${
|
|
217
|
-
:host([${
|
|
218
|
-
:host([${
|
|
219
|
-
:host([${
|
|
216
|
+
:host(:not([${x}])) .logo-state-disconnected,
|
|
217
|
+
:host([${x}="disconnected"]) .logo-state-disconnected,
|
|
218
|
+
:host([${x}="connected"]) .logo-state-connected,
|
|
219
|
+
:host([${x}="error"]) .logo-state-error { display: contents; }
|
|
220
220
|
.logo-for-dark { display: block; }
|
|
221
221
|
.logo-for-light { display: none; }
|
|
222
222
|
@media (prefers-color-scheme: light) {
|
|
@@ -319,7 +319,7 @@ import{n as e}from"./rolldown-runtime-aKtaBQYM.js";import{t}from"./preload-helpe
|
|
|
319
319
|
@media (prefers-reduced-motion: reduce) {
|
|
320
320
|
.launcher, .sidebar, .backdrop { transition: none; }
|
|
321
321
|
}
|
|
322
|
-
`);function
|
|
322
|
+
`);function we(e){let t=e.replace(/<\?xml[^?]*\?>\s*/i,``),n=new DOMParser().parseFromString(t,`image/svg+xml`);return document.importNode(n.documentElement,!0)}var Te=[{state:`disconnected`,darkSvg:ge,lightSvg:ve},{state:`connected`,darkSvg:_e,lightSvg:ye},{state:`error`,darkSvg:me,lightSvg:he}];function Ee(){let e=S(`span`,{class:`logo`,part:`logo`});for(let{state:t,darkSvg:n,lightSvg:r}of Te){let i=S(`div`,{class:`logo-icon logo-for-dark`});i.appendChild(we(n));let a=S(`div`,{class:`logo-icon logo-for-light`});a.appendChild(we(r));let o=S(`span`,{class:`logo-state logo-state-${t}`,"aria-hidden":`true`},i,a);e.appendChild(o)}return e}function De(e,t,n){return Math.min(Math.max(e,t),n)}function Oe(e){try{return le(e?.localStorage.getItem(ie))}catch{return re}}function ke(e,t){try{e?.localStorage.setItem(ie,t)}catch{}}be(`slicc-launcher`,class extends HTMLElement{static observedAttributes=[`open`,`corner`,`app-url`,x];#e;#t;#n;#r;#i;#a;#o=``;#s=null;#c=!1;#l=!1;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[Ce],this.#u()}connectedCallback(){if(!this.hasAttribute(`corner`)){let e=Oe(this.ownerDocument.defaultView);this.#l=!0,this.setAttribute(`corner`,e),this.#l=!1}this.#f()}attributeChangedCallback(e){if(!this.#l&&(e===`app-url`&&this.#f(),e===`corner`&&ke(this.ownerDocument.defaultView,this.corner),e===`follower-status`)){let e=this.getAttribute(x);if(e!==null){let t=ue(e);t!==e&&(this.#l=!0,this.setAttribute(x,t),this.#l=!1)}}}get open(){return this.hasAttribute(`open`)}set open(e){this.open!==e&&(this.toggleAttribute(`open`,e),this.#d())}get corner(){return le(this.getAttribute(`corner`))}set corner(e){let t=le(e);this.corner===t&&this.hasAttribute(`corner`)||this.setAttribute(`corner`,t)}get appUrl(){return this.getAttribute(`app-url`)?.trim()??``}set appUrl(e){let t=(e??``).trim();t?this.setAttribute(`app-url`,t):this.removeAttribute(`app-url`)}get followerStatus(){return ue(this.getAttribute(x))}set followerStatus(e){if(e==null){this.removeAttribute(x);return}let t=ue(e);this.getAttribute(`follower-status`)!==t&&this.setAttribute(x,t)}show(){this.open=!0}hide(){this.open=!1}toggle(){this.open=!this.open}#u(){this.#t=S(`button`,{class:`launcher`,part:`launcher`,type:`button`,"aria-label":`Toggle SLICC`},Ee(),S(`span`,{class:`tab-label`,part:`tab-label`},`SLICC`)),this.#t.addEventListener(`click`,e=>{if(this.#c){this.#c=!1,e.preventDefault(),e.stopImmediatePropagation();return}this.toggle()}),this.#t.addEventListener(`dblclick`,e=>{e.preventDefault(),this.dispatchEvent(new CustomEvent(`slicc-launcher-focus`,{bubbles:!0,composed:!0}))}),this.#t.addEventListener(`pointerdown`,this.#p),this.#t.addEventListener(`pointermove`,this.#m),this.#t.addEventListener(`pointerup`,this.#h),this.#t.addEventListener(`pointercancel`,this.#g),this.#n=S(`div`,{class:`backdrop`,part:`backdrop`}),this.#n.addEventListener(`click`,()=>this.hide()),this.#i=S(`iframe`,{title:`SLICC overlay`}),this.#a=S(`div`,{class:`empty`},`Set the app-url attribute to load SLICC.`);let e=S(`div`,{class:`viewport`},this.#i,this.#a);this.#r=S(`aside`,{class:`sidebar`,part:`sidebar`,"aria-label":`SLICC launcher sidebar`},e),this.#e.replaceChildren(this.#n,this.#r,this.#t)}#d(){this.dispatchEvent(new CustomEvent(`slicc-launcher-toggle`,{detail:{open:this.open},bubbles:!0,composed:!0}))}#f(){let e=this.appUrl;if(this.#a.toggleAttribute(`hidden`,!!e),!e){this.#o&&(this.#o=``,this.#i.removeAttribute(`src`));return}e!==this.#o&&(this.#o=e,this.#i.src=e)}#p=e=>{if(!e.isPrimary||e.button!==0)return;let t=this.#t.getBoundingClientRect();this.#s={pointerId:e.pointerId,startX:e.clientX,startY:e.clientY,startLeft:t.left,startTop:t.top,width:t.width,height:t.height,lastX:e.clientX,lastY:e.clientY,lastTimestamp:e.timeStamp,velocityX:0,velocityY:0,dragging:!1},this.#c=!1,this.#t.setPointerCapture(e.pointerId),e.preventDefault()};#m=e=>{let t=this.#s;if(!t||e.pointerId!==t.pointerId)return;let n=e.clientX-t.startX,r=e.clientY-t.startY,i=Math.hypot(n,r);!t.dragging&&de(i,0)&&(t.dragging=!0,this.setAttribute(`dragging`,``));let a=Math.max(e.timeStamp-t.lastTimestamp,1),o=(e.clientX-t.lastX)/a,s=(e.clientY-t.lastY)/a;if(t.velocityX=t.velocityX===0?o:t.velocityX*.35+o*.65,t.velocityY=t.velocityY===0?s:t.velocityY*.35+s*.65,t.lastX=e.clientX,t.lastY=e.clientY,t.lastTimestamp=e.timeStamp,!t.dragging)return;let c=Math.max(18,window.innerWidth-t.width-18),l=Math.max(18,window.innerHeight-t.height-18),u=De(t.startLeft+n,18,c),d=De(t.startTop+r,18,l);this.#t.style.left=`${u}px`,this.#t.style.top=`${d}px`,this.#t.style.right=`auto`,this.#t.style.bottom=`auto`,e.preventDefault()};#h=e=>{this.#_(e,!0)};#g=e=>{this.#_(e,!1)};#_(e,t){let n=this.#s;if(!n||e.pointerId!==n.pointerId)return;let r=Math.hypot(e.clientX-n.startX,e.clientY-n.startY),i=Math.hypot(n.velocityX,n.velocityY);if(t&&(n.dragging||de(r,i))){let t=fe({clientX:e.clientX,clientY:e.clientY,viewportWidth:window.innerWidth,viewportHeight:window.innerHeight,velocityXPxPerMs:n.velocityX,velocityYPxPerMs:n.velocityY});this.corner=t,this.dispatchEvent(new CustomEvent(`slicc-launcher-move`,{detail:{corner:t},bubbles:!0,composed:!0})),this.#c=!0,e.preventDefault()}this.#t.hasPointerCapture(e.pointerId)&&this.#t.releasePointerCapture(e.pointerId),this.#s=null,this.removeAttribute(`dragging`),this.#t.style.left=``,this.#t.style.top=``,this.#t.style.right=``,this.#t.style.bottom=``}});function C(e,t){typeof customElements>`u`||customElements==null||customElements.get(e)||customElements.define(e,t)}function w(e,t){for(let n of t)n==null||n===!1||e.append(typeof n==`string`||typeof n==`number`?document.createTextNode(String(n)):n)}function T(e,t,...n){let r=document.createElement(e);if(t)for(let[e,n]of Object.entries(t))n==null||n===!1||(e===`class`?r.className=String(n):r.setAttribute(e,n===!0?``:String(n)));return w(r,n),r}function E(e){let t=new CSSStyleSheet;return t.replaceSync(e),t}var Ae=20,je=16,Me=18,Ne=E(`
|
|
323
323
|
:host{display:block;width:100%;
|
|
324
324
|
--am-accent:var(--accent,#3b63fb);
|
|
325
325
|
--am-accent-subtle:color-mix(in oklab,var(--am-accent) 12%,var(--canvas,#fff));
|
|
@@ -375,7 +375,7 @@ import{n as e}from"./rolldown-runtime-aKtaBQYM.js";import{t}from"./preload-helpe
|
|
|
375
375
|
.sep{height:1px;background:var(--line,#e1e1e1);margin:6px 4px;}
|
|
376
376
|
.drop{position:absolute;inset:0;border-radius:10px;display:none;align-items:center;justify-content:center;text-align:center;background:var(--am-accent-subtle);border:2px dashed var(--am-accent);color:var(--am-accent);font-size:13px;font-weight:600;pointer-events:none;}
|
|
377
377
|
:host([data-dropping]) .drop{display:flex;}
|
|
378
|
-
`),
|
|
378
|
+
`),Pe=[{kind:`file`,label:`Files`,icon:`file`,entries:[{id:`/workspace/README.md`,label:`README.md`,sub:`/workspace`},{id:`/workspace/src/main.ts`,label:`main.ts`,sub:`/workspace/src`},{id:`/workspace/src/orchestrator.ts`,label:`orchestrator.ts`,sub:`/workspace/src`},{id:`/workspace/notes/launch-plan.md`,label:`launch-plan.md`,sub:`/workspace/notes`},{id:`/shared/CLAUDE.md`,label:`CLAUDE.md`,sub:`/shared`},{id:`/tmp/screenshot-3.png`,label:`screenshot-3.png`,sub:`/tmp`}]},{kind:`skill`,label:`Skills`,icon:`sparkles`,entries:[{id:`slicc-handoff`,label:`slicc-handoff`,sub:`Continue work in the SLICC browser agent`},{id:`playwright-cli`,label:`playwright-cli`,sub:`Automate browser interactions`},{id:`mixtape`,label:`mixtape`,sub:`Curate themed music playlists`},{id:`wavespeed`,label:`wavespeed`,sub:`Generate images, video and speech`},{id:`save-the-cat`,label:`save-the-cat`,sub:`Screenwriting beat sheets`}]},{kind:`conversation`,label:`Conversations`,icon:`message-square`,entries:[{id:`c1`,label:`Dark mode toggle`,sub:`Frozen · 2h ago`},{id:`c2`,label:`Refactor the mount backend`,sub:`Frozen · yesterday`},{id:`c3`,label:`Add slash menu (declined)`,sub:`Frozen · 3 days ago`},{id:`c4`,label:`WebGL shader walkthrough`,sub:`Frozen · last week`}]}],Fe=[{kind:`upload`,icon:`upload`,label:`Upload from this computer`,sub:`Drag & drop or click to browse`,quick:!0},{kind:`capture`,mode:`photo`,icon:`image`,label:`Take a photo`,quick:!0},{kind:`capture`,mode:`screenshot`,icon:`monitor`,label:`Take a screenshot`,quick:!0}];C(`slicc-add-menu`,class extends HTMLElement{static observedAttributes=[`theme`,`global-drop`,`no-camera`];#e;#t=null;#n=null;#r=!1;#i=``;#a=0;#o=[];#s=0;#c;#l;#u;#d;#f;#p;#m=e=>{this.#r&&!this.contains(e.target)&&this.close()};#h=!1;#g=0;#_=!1;#v(e){let t=e.dataTransfer?.types;return!!t&&Array.from(t).includes(`Files`)}#y(){this.#r||(this.#_=!0,this.open()),this.setAttribute(`data-dropping`,``)}#b(){this.#g=0,this.removeAttribute(`data-dropping`),this.#_&&(this.#_=!1,this.close())}#x=e=>{this.#v(e)&&(e.preventDefault(),this.#g++,!e.composedPath().includes(this.#u)&&this.#y())};#S=e=>{this.#v(e)&&e.preventDefault()};#C=e=>{this.#v(e)&&(this.#g=Math.max(0,this.#g-1),this.#g===0&&this.#b())};#w=e=>{if(!this.#v(e))return;if(e.preventDefault(),this.#g=0,e.composedPath().includes(this.#u)){this.#_=!1;return}this.removeAttribute(`data-dropping`),this.#_=!1;let t=e.dataTransfer?.files;if(t?.length)for(let e of Array.from(t))this.#B({kind:`upload`,name:e.name,size:e.size,file:e});this.close()};#T(){this.isConnected&&this.hasAttribute(`global-drop`)?this.#E():this.#D()}#E(){if(this.#h)return;this.#h=!0;let e=this.ownerDocument;e.addEventListener(`dragenter`,this.#x),e.addEventListener(`dragover`,this.#S),e.addEventListener(`dragleave`,this.#C),e.addEventListener(`drop`,this.#w)}#D(){if(!this.#h)return;this.#h=!1;let e=this.ownerDocument;e.removeEventListener(`dragenter`,this.#x),e.removeEventListener(`dragover`,this.#S),e.removeEventListener(`dragleave`,this.#C),e.removeEventListener(`drop`,this.#w),this.#g=0,this.#_=!1}constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[Ne]}connectedCallback(){this.#k(),this.#T()}disconnectedCallback(){document.removeEventListener(`mousedown`,this.#m),this.#D()}attributeChangedCallback(e){e===`global-drop`?this.#T():e===`no-camera`&&this.#r&&this.#P()}#O(){return this.hasAttribute(`no-camera`)?Fe.filter(e=>!(e.kind===`capture`&&e.mode===`photo`)):Fe}get results(){return this.#t}set results(e){this.#t=e,this.#r&&this.#P()}get provider(){return this.#n}set provider(e){this.#n=e,this.#r&&this.#P()}get isOpen(){return this.#r}#k(){let e=T(`input`,{type:`file`,multiple:!0,hidden:!0}),t=T(`div`,{class:`body`}),r=T(`div`,{class:`results`,part:`results`,role:`listbox`},t,T(`div`,{class:`drop`},`Drop files to add`)),i=T(`span`,{class:`ti`},n(`plus`,{size:Ae})),a=T(`button`,{class:`trigger`,part:`trigger`,"aria-haspopup":`true`,"aria-expanded":`false`,title:`Add to prompt`},i),o=T(`input`,{type:`text`,placeholder:`Search files, skills, conversations…`}),s=T(`div`,{class:`wrap`,part:`wrap`},r,T(`div`,{class:`row`},a,T(`div`,{class:`searchbox`},T(`span`,{class:`si`},n(`search`,{size:je})),o)));this.#e.replaceChildren(e,s),this.#c=a,this.#l=i,this.#u=s,this.#d=o,this.#f=t,this.#p=e,this.#A(),this.#P()}#A(){this.#c.addEventListener(`click`,()=>this.toggle()),this.#d.addEventListener(`input`,()=>{this.#i=this.#d.value,this.#a=0,this.#P()}),this.#d.addEventListener(`keydown`,e=>this.#R(e)),this.#p.addEventListener(`change`,()=>{for(let e of Array.from(this.#p.files??[]))this.#B({kind:`upload`,name:e.name,size:e.size,file:e});this.#p.value=``,this.close()});for(let e of[`dragenter`,`dragover`])this.#u.addEventListener(e,e=>{e.preventDefault(),this.#r||this.open(),this.setAttribute(`data-dropping`,``)});for(let e of[`dragleave`,`drop`])this.#u.addEventListener(e,t=>{t.preventDefault();let n=t;e===`dragleave`&&this.#u.contains(n.relatedTarget)||this.removeAttribute(`data-dropping`)});this.#u.addEventListener(`drop`,e=>{let t=e.dataTransfer?.files;if(t?.length){for(let e of Array.from(t))this.#B({kind:`upload`,name:e.name,size:e.size,file:e});this.close()}})}toggle(){this.#r?this.close():this.open()}#j(e){this.#l.replaceChildren(n(e?`x`:`plus`,{size:Ae}))}open(){this.#r||(this.#r=!0,this.setAttribute(`data-open`,``),this.#c.setAttribute(`aria-expanded`,`true`),this.#j(!0),document.addEventListener(`mousedown`,this.#m),this.#i=``,this.#d.value=``,this.#a=0,this.#P(),requestAnimationFrame(()=>this.#d.focus()))}close(){this.#r&&(this.#r=!1,this.removeAttribute(`data-open`),this.removeAttribute(`data-dropping`),this.#c.setAttribute(`aria-expanded`,`false`),this.#j(!1),document.removeEventListener(`mousedown`,this.#m))}async#M(e){if(this.#n){let t=await this.#n(e);if(t)return t}return this.#t??Pe}#N(e){let t=this.#i.trim().toLowerCase(),n=e=>!t||`${e.label} ${e.sub??``}`.toLowerCase().includes(t),r=[],i=this.#O();if(!t)for(let e of i)r.push({type:`quick`,data:e});else if(`upload take a photo screenshot`.includes(t))for(let e of i)e.label.toLowerCase().includes(t)&&r.push({type:`quick`,data:e});for(let i of e){let e=i.entries.filter(n).slice(0,t?8:4);if(e.length){r.push({type:`sec`,label:i.label});for(let t of e)r.push({type:`row`,section:i,data:t})}}return r}async#P(){let e=++this.#s,t=await this.#M(this.#i.trim().toLowerCase());if(e!==this.#s)return;let r=this.#N(t);this.#o=[];let i=[],a=!1;for(let e of r)if(e.type===`sec`)a&&i.push(T(`div`,{class:`sep`})),i.push(T(`div`,{class:`sec`},e.label)),a=!1;else if(e.type===`quick`){let t=this.#o.length;this.#o.push(e.data.kind===`upload`?{kind:`upload`,name:``,size:0}:{kind:`capture`,mode:e.data.mode??`photo`,label:e.data.label});let r=T(`span`,{class:`tx`},T(`div`,{class:`lb`},e.data.label));e.data.sub&&r.append(T(`div`,{class:`sb`},e.data.sub)),i.push(T(`div`,{class:`item quick`,"data-i":t},T(`span`,{class:`ic`},n(e.data.icon,{size:Me})),r)),a=!0}else{let t=this.#o.length;this.#o.push({kind:e.section.kind,id:e.data.id,label:e.data.label}),i.push(T(`div`,{class:`item`,"data-i":t},T(`span`,{class:`ic`},n(e.section.icon,{size:Me})),T(`span`,{class:`tx`},T(`div`,{class:`lb`},e.data.label),T(`div`,{class:`sb`},e.data.sub??``))))}i.length?this.#f.replaceChildren(...i):this.#f.replaceChildren(T(`div`,{class:`empty`},`No matches for “${this.#i}”.`));for(let e of Array.from(this.#f.querySelectorAll(`.item`))){let t=Number(e.dataset.i);e.addEventListener(`mouseenter`,()=>this.#I(t)),e.addEventListener(`click`,()=>this.#z(t))}this.#a>=this.#o.length&&(this.#a=0),this.#F()}#F(){for(let e of Array.from(this.#f.querySelectorAll(`.item`)))e.classList.toggle(`active`,Number(e.dataset.i)===this.#a)}#I(e){this.#a=e,this.#F()}#L(e){if(!this.#o.length)return;this.#a=(this.#a+e+this.#o.length)%this.#o.length,this.#F();let t=this.#f.querySelector(`.item[data-i="${this.#a}"]`);t&&t.scrollIntoView({block:`nearest`})}#R(e){e.key===`ArrowDown`?(e.preventDefault(),this.#L(1)):e.key===`ArrowUp`?(e.preventDefault(),this.#L(-1)):e.key===`Enter`?(e.preventDefault(),this.#z(this.#a)):e.key===`Escape`&&(e.preventDefault(),this.close(),this.#c.focus())}#z(e){let t=this.#o[e];if(t){if(t.kind===`upload`){this.#p.click();return}this.#B(t),this.close()}}#B(e){this.dispatchEvent(new CustomEvent(`slicc-add`,{detail:e,bubbles:!0,composed:!0}))}});var Ie=E(`
|
|
379
379
|
:host {
|
|
380
380
|
display: inline-grid;
|
|
381
381
|
grid-auto-flow: column;
|
|
@@ -409,7 +409,7 @@ import{n as e}from"./rolldown-runtime-aKtaBQYM.js";import{t}from"./preload-helpe
|
|
|
409
409
|
.glyph { display: grid; place-items: center; pointer-events: none; }
|
|
410
410
|
.glyph svg { display: block; }
|
|
411
411
|
.label { pointer-events: none; }
|
|
412
|
-
`),
|
|
412
|
+
`),Le=[{cue:`sent`,label:`Sent`,icon:`send`},{cue:`tool-start`,label:`Tool start`,icon:`play`},{cue:`tool-finish`,label:`Tool finish`,icon:`check`}],Re=14;C(`slicc-soundboard`,class extends HTMLElement{#e;#t=null;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[Ie]}connectedCallback(){this.#i()}get audioContext(){return this.#t}#n(){return typeof AudioContext>`u`?null:((!this.#t||this.#t.state===`closed`)&&(this.#t=new AudioContext),this.#t)}#r(e){let t=this.#n();t&&(t.state===`suspended`&&t.resume(),c(t,e))}#i(){let e=Le.map(({cue:e,label:t,icon:r})=>{let i=n(r,{size:Re,part:`icon`}),a=T(`button`,{type:`button`,class:`cue`,part:`button`,"data-cue":e,"aria-label":`Play ${t} cue`,title:`Play ${t} cue`},T(`span`,{class:`glyph`},i),T(`span`,{class:`label`,part:`label`},t));return a.addEventListener(`click`,()=>this.#r(e)),a});this.#e.replaceChildren(...e)}});var ze=`
|
|
413
413
|
slicc-action-card { display: block; }
|
|
414
414
|
|
|
415
415
|
/* in-chat tool / terminal / git card (.tcard) */
|
|
@@ -527,7 +527,7 @@ slicc-action-card .prcard .pmeta {
|
|
|
527
527
|
slicc-action-card .prcard .pmeta b { color: var(--ink); }
|
|
528
528
|
slicc-action-card .prcard .pmeta .add { color: #1a7f37; }
|
|
529
529
|
slicc-action-card .prcard .pmeta .del { color: #cf222e; }
|
|
530
|
-
`,
|
|
530
|
+
`,Be=`slicc-action-card-style`;function Ve(e){if(e.getElementById(Be))return;let t=e.createElement(`style`);t.id=Be,t.textContent=ze,(e.head??e.documentElement).appendChild(t)}var He=new Set([`tool`,`light`,`pr`]),Ue=new Set([`ink`,`cy`,`vi`,`am`,`gh`]);C(`slicc-action-card`,class extends HTMLElement{static observedAttributes=[`variant`,`glyph`,`tone`,`title`,`badge`,`number`,`status`,`branch`,`files`,`add`,`del`,`checks`];#e=[];#t=!1;connectedCallback(){Ve(this.ownerDocument),this.classList.add(`slicc-action-card`),this.#a(),this.#n()}attributeChangedCallback(e,t,n){!this.isConnected||t===n||(this.#n(),e===`variant`&&this.dispatchEvent(new CustomEvent(`slicc-action-card-change`,{bubbles:!0,composed:!0,detail:{variant:this.variant}})))}get variant(){let e=this.getAttribute(`variant`);return e&&He.has(e)?e:`tool`}set variant(e){this.setAttribute(`variant`,He.has(e)?e:`tool`)}get glyph(){return this.getAttribute(`glyph`)}set glyph(e){e==null?this.removeAttribute(`glyph`):this.setAttribute(`glyph`,e)}get tone(){let e=this.getAttribute(`tone`);return e&&Ue.has(e)?e:`ink`}set tone(e){this.setAttribute(`tone`,Ue.has(e)?e:`ink`)}get title(){return this.getAttribute(`title`)??``}set title(e){e==null?this.removeAttribute(`title`):this.setAttribute(`title`,e)}get badge(){return this.getAttribute(`badge`)}set badge(e){e==null?this.removeAttribute(`badge`):this.setAttribute(`badge`,e)}get number(){return this.getAttribute(`number`)}set number(e){e==null?this.removeAttribute(`number`):this.setAttribute(`number`,e)}get status(){return this.getAttribute(`status`)}set status(e){e==null?this.removeAttribute(`status`):this.setAttribute(`status`,e)}get branch(){return this.getAttribute(`branch`)}set branch(e){e==null?this.removeAttribute(`branch`):this.setAttribute(`branch`,e)}get files(){return this.getAttribute(`files`)}set files(e){e==null?this.removeAttribute(`files`):this.setAttribute(`files`,e)}get add(){return this.getAttribute(`add`)}set add(e){e==null?this.removeAttribute(`add`):this.setAttribute(`add`,e)}get del(){return this.getAttribute(`del`)}set del(e){e==null?this.removeAttribute(`del`):this.setAttribute(`del`,e)}get checks(){return this.getAttribute(`checks`)}set checks(e){e==null?this.removeAttribute(`checks`):this.setAttribute(`checks`,e)}#n(){let e=this.variant;e===`pr`?this.#i():this.#r(e===`light`)}#r(e){let t=this.glyph,n=this.tone,r=this.title,i=this.badge,a=n===`ink`?`ic`:`ic ${n}`,o=T(`div`,{class:`th`,part:`header`});w(o,[T(`span`,{class:a,part:`icon`},t??null),` `,T(`span`,{class:`nm`,part:`title`},r),i==null?null:T(`span`,{class:`badge`,part:`badge`},i)]);let s=T(`div`,{class:`tb`,part:`body`});s.append(...this.#e);let c=T(`div`,{class:e?`tcard light`:`tcard`,part:`card`},o,s);this.replaceChildren(c)}#i(){let e=this.title,t=this.number,n=this.status??`Open`,r=this.branch,i=this.files,a=this.add,o=this.del,s=this.checks,c=T(`div`,{class:`ph`,part:`header`});w(c,[T(`span`,{class:`gi`,part:`icon`},`⎇`),T(`span`,{class:`pt`,part:`title`},e),t==null?null:T(`span`,{class:`pn`,part:`number`},t),T(`span`,{class:`open`,part:`status`},n)]);let l=T(`div`,{class:`pmeta`,part:`meta`}),u=this.#e.filter(e=>e instanceof HTMLElement&&e.getAttribute(`slot`)===`meta`);u.length>0?l.append(...u):w(l,[r==null?null:T(`span`,null,r),i==null?null:T(`span`,null,T(`b`,null,i),` files`),a==null?null:T(`span`,{class:`add`},`+${a}`),o==null?null:T(`span`,{class:`del`},`−${o}`),s==null?null:T(`span`,null,`checks `,T(`b`,{style:`color:#1a7f37`},s))]);let d=T(`div`,{class:`prcard`,part:`card`},c,l);this.replaceChildren(d)}#a(){this.#t||(this.#t=!0,this.#e=Array.from(this.childNodes))}});var We=`
|
|
531
531
|
slicc-action-row {
|
|
532
532
|
display: block;
|
|
533
533
|
margin: -2px 0 16px;
|
|
@@ -627,7 +627,7 @@ slicc-action-row .vlink {
|
|
|
627
627
|
slicc-action-row .vlink:hover {
|
|
628
628
|
border-bottom-style: solid;
|
|
629
629
|
}
|
|
630
|
-
`,
|
|
630
|
+
`,Ge=`slicc-action-row-style`;function Ke(e){if(e.getElementById(Ge))return;let t=e.createElement(`style`);t.id=Ge,t.textContent=We,(e.head??e.documentElement).appendChild(t)}var qe=new Set([`ink`,`vi`,`am`,`cy`,`gh`]);C(`slicc-action-row`,class extends HTMLElement{static observedAttributes=[`open`,`icon`,`tone`,`label`,`result`];#e;#t;#n;#r;#i;#a=!1;#o=()=>this.#s();connectedCallback(){Ke(this.ownerDocument),this.#c(),this.#l(),this.#e?.addEventListener(`click`,this.#o)}disconnectedCallback(){this.#e?.removeEventListener(`click`,this.#o)}attributeChangedCallback(e,t,n){t===n||!this.#a||(e===`open`?(this.#e.setAttribute(`aria-expanded`,String(n!==null)),this.dispatchEvent(new CustomEvent(`slicc-action-row-toggle`,{bubbles:!0,composed:!0,detail:{open:n!==null}}))):this.#l())}get open(){return this.hasAttribute(`open`)}set open(e){this.toggleAttribute(`open`,e)}get icon(){return this.getAttribute(`icon`)}set icon(e){e==null?this.removeAttribute(`icon`):this.setAttribute(`icon`,e)}get tone(){let e=this.getAttribute(`tone`);return e&&qe.has(e)?e:`ink`}set tone(e){this.setAttribute(`tone`,e)}get label(){return this.getAttribute(`label`)}set label(e){e==null?this.removeAttribute(`label`):this.setAttribute(`label`,e)}get result(){return this.getAttribute(`result`)}set result(e){e==null?this.removeAttribute(`result`):this.setAttribute(`result`,e)}#s(){this.open=!this.open}#c(){if(this.#a)return;this.#a=!0;let e=Array.from(this.childNodes).filter(e=>!(e instanceof HTMLElement&&e.classList.contains(`slicc-act__head`))&&!(e instanceof HTMLElement&&e.classList.contains(`slicc-act__body`)));this.#e=this.ownerDocument.createElement(`button`),this.#e.type=`button`,this.#e.className=`slicc-act__head`,this.#e.setAttribute(`part`,`head`),this.#t=T(`span`,{class:`slicc-act__ic`,part:`icon`}),this.#n=T(`span`,{class:`slicc-act__label`,part:`label`}),this.#r=T(`span`,{class:`slicc-act__badge`,part:`badge`}),w(this.#e,[this.#t,this.#n,this.#r,T(`span`,{class:`slicc-act__chev`,part:`chevron`,"aria-hidden":`true`},`▸`)]),this.#i=this.ownerDocument.createElement(`div`),this.#i.className=`slicc-act__body`,this.#i.setAttribute(`part`,`body`);for(let t of e)t instanceof HTMLElement&&t.getAttribute(`slot`)===`body`?this.#i.appendChild(t):this.#n.appendChild(t);this.replaceChildren(this.#e,this.#i),this.#e.addEventListener(`click`,this.#o)}#l(){if(!this.#a)return;let e=this.tone;this.#t.className=`slicc-act__ic${e===`ink`?``:` ${e}`}`;let t=this.icon??``;t&&r(t)?this.#t.replaceChildren(n(t,{size:12})):this.#t.textContent=t;let i=this.label;i!=null&&(this.#n.textContent=i),this.#e.setAttribute(`aria-expanded`,String(this.open)),this.#r.textContent=this.result??``}});var Je=`
|
|
631
631
|
slicc-agent-message { display: block; margin-bottom: 18px; font-size: 15px; line-height: 1.5; --accent: color-mix(in srgb, var(--ctx) 55%, var(--ink)); }
|
|
632
632
|
slicc-agent-message .msg-ts { font-family: var(--ui); font-size: 10px; color: var(--txt-3); opacity: .7; margin-bottom: 2px; font-variant-numeric: tabular-nums; }
|
|
633
633
|
slicc-agent-message .body { font-family: var(--ui); font-size: 14px; }
|
|
@@ -685,7 +685,7 @@ slicc-agent-message .dots i:nth-child(3) { animation-delay: .32s; }
|
|
|
685
685
|
@keyframes slicc-am-bdot { 0%, 75%, 100% { transform: translateY(0); opacity: .45; } 38% { transform: translateY(-8px); opacity: 1; } }
|
|
686
686
|
slicc-agent-message .tw-caret { display: inline-block; width: 2px; height: 1.05em; vertical-align: -2px; margin-left: 1px; background: var(--ink); animation: slicc-am-cblink .9s steps(1) infinite; }
|
|
687
687
|
@keyframes slicc-am-cblink { 50% { opacity: 0; } }
|
|
688
|
-
`,
|
|
688
|
+
`,Ye=`slicc-agent-message-style`;function Xe(e){if(e.getElementById(Ye))return;let t=e.createElement(`style`);t.id=Ye,t.textContent=Je,(e.head??e.documentElement).appendChild(t)}var Ze=[`#f43f5e`,`#06b6d4`,`#8b5cf6`],Qe=new Set([``,`r`,`cy`,`vi`,`am`]);function $e(){let e=T(`div`,{class:`dots`,part:`dots`,"aria-hidden":`true`});for(let t of Ze)e.append(T(`i`,{style:`--d:${t}`}));return e}function et(e){let t=T(`ul`,{class:`plan`,part:`plan`});for(let n of e)t.append(T(`li`,null,n));return t}function tt(e){let t=T(`ul`,{class:`check`,part:`check`});for(let n of e){let e=n.variant&&Qe.has(n.variant)?n.variant:``,r=e?`ck ${e}`:`ck`,i=n.glyph??`✓`;t.append(T(`li`,null,T(`span`,{class:r},i),T(`span`,{class:`ctext`},n.text)))}return t}C(`slicc-agent-message`,class extends HTMLElement{static observedAttributes=[`thinking`,`streaming`,`progress`,`timestamp`];#e;#t=null;#n=null;#r=null;#i=!1;connectedCallback(){Xe(this.ownerDocument),this.#o(),this.#s(),this.#l()}attributeChangedCallback(e,t,n){t===n||!this.isConnected||(e===`thinking`?(this.#s(),this.dispatchEvent(new CustomEvent(`slicc-agent-message-thinking`,{bubbles:!0,composed:!0,detail:{thinking:n!==null}}))):e===`progress`?this.#c():e===`streaming`?(this.#l(),this.dispatchEvent(new CustomEvent(`slicc-agent-message-streaming`,{bubbles:!0,composed:!0,detail:{streaming:n!==null}}))):e===`timestamp`&&this.#u())}get thinking(){return this.hasAttribute(`thinking`)}set thinking(e){e?this.setAttribute(`thinking`,``):this.removeAttribute(`thinking`)}get streaming(){return this.hasAttribute(`streaming`)}set streaming(e){e?this.setAttribute(`streaming`,``):this.removeAttribute(`streaming`)}get progress(){return this.getAttribute(`progress`)}set progress(e){e==null?this.removeAttribute(`progress`):this.setAttribute(`progress`,e)}get body(){return this.#o(),this.#e}setBodyHtml(e){this.#o();let t=this.ownerDocument.createRange();t.selectNodeContents(this.#e),this.#a(t.createContextualFragment(e))}setPlan(e){this.#a(et(e))}setCheck(e){this.#a(tt(e))}#a(e){this.#o(),this.#e.replaceChildren(e),this.#l()}#o(){if(this.#i)return;this.#i=!0,this.classList.add(`msg`,`bot`);let e=Array.from(this.childNodes).filter(e=>!(e instanceof HTMLElement&&e.classList.contains(`body`))),t=this.getAttribute(`timestamp`);if(t){let e=this.ownerDocument.createElement(`span`);e.className=`msg-ts`,e.setAttribute(`part`,`timestamp`),e.textContent=t,this.appendChild(e)}this.#e=this.ownerDocument.createElement(`div`),this.#e.className=`body`,this.#e.setAttribute(`part`,`body`);for(let t of e)this.#e.appendChild(t);this.appendChild(this.#e)}#s(){let e=this.thinking;this.classList.toggle(`thinkrow`,e),e?(this.#e.style.display=`none`,this.#t||(this.#t=this.ownerDocument.createElement(`div`),this.#t.className=`thinkrow-row`,this.#t.appendChild($e()),this.insertBefore(this.#t,this.#e)),this.#c()):(this.#e.style.removeProperty(`display`),this.#t&&(this.#t.remove(),this.#t=null,this.#n=null))}#c(){if(!this.#t)return;let e=this.progress;e?(this.#n||(this.#n=this.ownerDocument.createElement(`span`),this.#n.className=`progress`,this.#n.setAttribute(`part`,`progress`),this.#n.setAttribute(`aria-live`,`polite`),this.#t.appendChild(this.#n)),this.#n.textContent=e):this.#n&&=(this.#n.remove(),null)}#l(){this.streaming?this.#r?.isConnected?this.#e.appendChild(this.#r):(this.#r=this.ownerDocument.createElement(`span`),this.#r.className=`tw-caret`,this.#r.setAttribute(`part`,`caret`),this.#r.setAttribute(`aria-hidden`,`true`),this.#e.appendChild(this.#r)):this.#r&&=(this.#r.remove(),null)}#u(){let e=this.querySelector(`.msg-ts`),t=this.getAttribute(`timestamp`);if(t)if(e)e.textContent=t;else{let e=this.ownerDocument.createElement(`span`);e.className=`msg-ts`,e.setAttribute(`part`,`timestamp`),e.textContent=t,this.insertBefore(e,this.#e)}else e?.remove()}});var nt=`
|
|
689
689
|
slicc-chat-table { display: block; }
|
|
690
690
|
slicc-chat-table > .ctable {
|
|
691
691
|
width: 100%;
|
|
@@ -726,7 +726,7 @@ slicc-chat-table > .ctable code {
|
|
|
726
726
|
overflow-wrap: anywhere;
|
|
727
727
|
word-break: break-word;
|
|
728
728
|
}
|
|
729
|
-
`,
|
|
729
|
+
`,rt=`slicc-chat-table-style`;function it(e){if(e.getElementById(rt))return;let t=e.createElement(`style`);t.id=rt,t.textContent=nt,(e.head??e.documentElement).appendChild(t)}function at(e){return e.split(`,`).map(e=>e.trim()).filter(e=>e.length>0)}C(`slicc-chat-table`,class extends HTMLElement{static observedAttributes=[`headers`];#e;#t;#n;#r=!1;connectedCallback(){it(this.ownerDocument),this.#i()}attributeChangedCallback(e,t,n){e!==`headers`||t===n||(this.#r&&this.#a(),this.isConnected&&this.dispatchEvent(new CustomEvent(`slicc-chat-table-change`,{bubbles:!0,composed:!0,detail:{headers:this.headers}})))}get headers(){let e=this.getAttribute(`headers`);return e?at(e):[]}set headers(e){e==null?this.removeAttribute(`headers`):Array.isArray(e)?this.setAttribute(`headers`,e.join(`,`)):this.setAttribute(`headers`,e)}#i(){if(this.#r)return;this.#r=!0;let e=Array.from(this.childNodes).filter(e=>!(e instanceof HTMLTableElement&&e.classList.contains(`ctable`)));this.#e=this.ownerDocument.createElement(`table`),this.#e.className=`ctable`,this.#e.setAttribute(`part`,`table`),this.#t=this.ownerDocument.createElement(`thead`),this.#t.setAttribute(`part`,`head`),this.#n=this.ownerDocument.createElement(`tbody`),this.#n.setAttribute(`part`,`body`),this.#e.append(this.#t,this.#n);for(let t of e)t instanceof HTMLElement&&t.getAttribute(`slot`)===`head`?this.#t.appendChild(t):this.#n.appendChild(t);this.#a(),this.appendChild(this.#e)}#a(){if(!this.#r)return;let e=this.#t.querySelector(`tr`);if(e&&!e.hasAttribute(`data-slicc-generated`))return;let t=this.headers;if(t.length===0){this.#t.replaceChildren();return}let n=T(`tr`,{"data-slicc-generated":``});for(let e of t)n.append(T(`th`,null,e));this.#t.replaceChildren(n)}});function D(e){if(typeof window>`u`||!window.location)return null;try{return new URLSearchParams(window.location.search).get(e)}catch{return null}}function ot(e,t,n={}){if(!(typeof window>`u`||!window.history?.replaceState))try{let r=new URL(window.location.href),i=r.searchParams.get(e);if(i===t||i===null&&(t===null||t===``))return;t==null||t===``?r.searchParams.delete(e):r.searchParams.set(e,t),n.push?window.history.pushState(window.history.state,``,r):window.history.replaceState(window.history.state,``,r)}catch{}}var st=`
|
|
730
730
|
slicc-chat-thread {
|
|
731
731
|
flex: 1 1 auto;
|
|
732
732
|
display: block;
|
|
@@ -824,7 +824,7 @@ slicc-chat-thread[open] > .slicc-thread__inner {
|
|
|
824
824
|
padding: 16px 14px;
|
|
825
825
|
}
|
|
826
826
|
}
|
|
827
|
-
`,
|
|
827
|
+
`,ct=`slicc-chat-thread-style`,lt=120;function ut(e){if(e.getElementById(ct))return;let t=e.createElement(`style`);t.id=ct,t.textContent=st,(e.head??e.documentElement).appendChild(t)}C(`slicc-chat-thread`,class e extends HTMLElement{static observedAttributes=[`open`,`context`,`accent`,`url-state`];#e;#t=!1;#n=null;#r=null;#i=null;#a=!1;#o=!1;#s=0;#c=null;#l=null;#u=null;#d=null;#f=null;#p=()=>{this.#d=null,this.#f=performance.now(),ot(`at`,String(Math.round(this.scrollTop)))};#m=()=>{if(!this.urlState)return;let e=this.#f==null?lt:performance.now()-this.#f;if(e>=lt){this.#d!=null&&clearTimeout(this.#d),this.#p();return}this.#d??=setTimeout(this.#p,lt-e)};#h=()=>{if(!this.urlState)return;let e=D(`ctx`);if(e&&e!==this.context)this.dispatchEvent(new CustomEvent(`slicc-url-context`,{bubbles:!0,composed:!0,detail:{context:e}}));else{let e=D(`at`);e!=null&&(this.scrollTop=Number.parseInt(e,10)||0)}};#g=null;#_=new Map;connectedCallback(){ut(this.ownerDocument),this.#E(),this.#T(),this.#b(),this.scrollToBottom(),this.urlState&&(this.#r=D(`at`),this.#i=D(`ctx`),this.addEventListener(`scroll`,this.#m,{passive:!0}),window.addEventListener(`popstate`,this.#h))}disconnectedCallback(){this.#n&&=(this.#e?.removeEventListener(`click`,this.#n),null),this.removeEventListener(`scroll`,this.#m),window.removeEventListener(`popstate`,this.#h),this.#d!=null&&(clearTimeout(this.#d),this.#d=null),this.#f=null,this.#u?.disconnect(),this.#u=null,this.#C()}attributeChangedCallback(e,t,n){t!==n&&(e===`accent`&&this.#t&&this.#T(),e===`open`&&this.#t&&this.isConnected&&this.#x(),e===`context`&&this.urlState&&n!=null&&this.isConnected&&(n!==this.#i&&(this.#r=null),ot(`ctx`,n,{push:!0})))}get urlState(){return this.hasAttribute(`url-state`)}set urlState(e){this.toggleAttribute(`url-state`,e)}get urlContext(){return this.urlState?D(`ctx`):null}get open(){return this.hasAttribute(`open`)}set open(e){e?this.setAttribute(`open`,``):this.removeAttribute(`open`)}get context(){return this.getAttribute(`context`)}set context(e){e==null?this.removeAttribute(`context`):this.setAttribute(`context`,e)}get accent(){return this.getAttribute(`accent`)}set accent(e){e==null?this.removeAttribute(`accent`):this.setAttribute(`accent`,e)}get inner(){return this.#E(),this.#e}switchContext(e){this.#E();let t=this.context;if(e===t)return;t!=null&&this.#_.set(t,this.#w());let n=this.#_.get(e);this.#e.replaceChildren(...n?Array.from(n.cloneNode(!0).childNodes):[]),this.context=e,this.removeAttribute(`has-new`),this.dispatchEvent(new CustomEvent(`slicc-context-change`,{bubbles:!0,composed:!0,detail:{context:e,previous:t}})),this.scrollToBottom()}append(...e){this.#E(),e.length>0&&(this.#r=null),this.#e.append(...e),this.requestFollow()}static FOLLOW_SLACK=80;#v(){return this.scrollHeight-this.scrollTop-this.clientHeight<=e.FOLLOW_SLACK}requestFollow(){this.#E(),this.#a?(this.#S(this.scrollHeight),this.removeAttribute(`has-new`)):this.setAttribute(`has-new`,``)}#y=()=>{if(this.#o&&Math.abs(this.scrollTop-this.#s)<=1){this.#C();return}this.#C(),this.#a=this.#v(),this.#a&&this.removeAttribute(`has-new`)};replaceContent(...e){this.#E(),this.#e.replaceChildren(...e),this.removeAttribute(`has-new`),this.scrollToBottom();let t=this.#r;t!=null&&e.length>0&&requestAnimationFrame(()=>{this.#r===t&&(this.#a=!1,this.#S(Number.parseInt(t,10)||0),this.#a=this.#v())})}scrollToBottom(){this.#a=!0,this.removeAttribute(`has-new`),this.#S(this.scrollHeight)}#b(){this.#u?.disconnect(),typeof ResizeObserver==`function`&&(this.#u=new ResizeObserver(()=>this.#x()),this.#u.observe(this.#e))}#x(){if(!this.#a)return;let t=this.#s-this.scrollTop;this.#o&&t>e.FOLLOW_SLACK||this.#S(this.scrollHeight)}#S(e){this.#o=!0,this.scrollTop=e,this.#s=this.scrollTop,this.#c!=null&&cancelAnimationFrame(this.#c),this.#l!=null&&clearTimeout(this.#l),`onscrollend`in HTMLElement.prototype?this.#l=setTimeout(()=>this.#C(),100):this.#c=requestAnimationFrame(()=>this.#C())}#C(){this.#o=!1,this.#c!=null&&cancelAnimationFrame(this.#c),this.#c=null,this.#l!=null&&clearTimeout(this.#l),this.#l=null}#w(){let e=this.ownerDocument.createDocumentFragment();for(let t of Array.from(this.#e.childNodes))e.appendChild(t.cloneNode(!0));return e}#T(){let e=this.accent;e?this.style.setProperty(`--ctx`,e):this.style.removeProperty(`--ctx`)}#E(){if(this.#t)return;this.#t=!0;let e=this.querySelector(`:scope > .slicc-thread__inner`);if(e instanceof HTMLElement)this.#e=e;else{let e=Array.from(this.childNodes);this.#e=this.ownerDocument.createElement(`div`),this.#e.className=`slicc-thread__inner`,this.#e.setAttribute(`part`,`inner`);for(let t of e)this.#e.appendChild(t);this.appendChild(this.#e)}this.#g=this.ownerDocument.createElement(`div`),this.#g.className=`slicc-thread__follow`;let t=this.ownerDocument.createElement(`button`);t.type=`button`;let r=n(`chevron-down`,{size:14,strokeWidth:2});t.append(`New messages`,r),t.addEventListener(`click`,()=>{this.scrollToBottom()}),this.#g.append(t),this.appendChild(this.#g),this.addEventListener(`scroll`,this.#y,{passive:!0}),this.addEventListener(`scrollend`,()=>this.#C(),{passive:!0}),this.#n=e=>{let t=e.target;t instanceof HTMLElement&&this.dispatchEvent(new CustomEvent(`slicc-thread-action`,{bubbles:!0,composed:!0,detail:{target:t}}))},this.#e.addEventListener(`click`,this.#n)}});var dt=E(`
|
|
828
828
|
:host {
|
|
829
829
|
display: flex;
|
|
830
830
|
align-items: center;
|
|
@@ -862,7 +862,7 @@ code {
|
|
|
862
862
|
overflow-wrap: anywhere;
|
|
863
863
|
word-break: break-word;
|
|
864
864
|
}
|
|
865
|
-
`),
|
|
865
|
+
`),ft=[`feed`,`scoop`,`drop`,`sprinkle`],pt={feed:`arrow-right`,scoop:`circle-plus`,drop:`circle-check`,sprinkle:`sparkles`},mt={feed:`Delegated to`,scoop:`Spun up`,drop:`Wrapped up`,sprinkle:``},ht={feed_scoop:`Delegated to`,scoop_scoop:`Spun up`,drop_scoop:`Wrapped up`,"sprinkle-opened":`Opened`};function gt(e){return ht[e]??e}function _t(e){return ft.includes(e??``)?e:`feed`}function vt(e){return e.split(`,`).map(e=>e.trim()).filter(e=>e.length>0)}C(`slicc-delegation-line`,class extends HTMLElement{static observedAttributes=[`kind`,`hue`,`verb`,`scoop`,`label`,`args`,`source`];#e;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[dt]}connectedCallback(){this.#t()}attributeChangedCallback(){this.isConnected&&this.#t()}get kind(){return _t(this.getAttribute(`kind`))}set kind(e){this.setAttribute(`kind`,_t(e))}get hue(){return this.getAttribute(`hue`)}set hue(e){e==null?this.removeAttribute(`hue`):this.setAttribute(`hue`,e)}get verb(){return this.getAttribute(`verb`)}set verb(e){e==null?this.removeAttribute(`verb`):this.setAttribute(`verb`,e)}get scoop(){return this.getAttribute(`scoop`)}set scoop(e){e==null?this.removeAttribute(`scoop`):this.setAttribute(`scoop`,e)}get label(){return this.getAttribute(`label`)}set label(e){e==null?this.removeAttribute(`label`):this.setAttribute(`label`,e)}get args(){return this.getAttribute(`args`)}set args(e){e==null?this.removeAttribute(`args`):this.setAttribute(`args`,e)}get source(){return this.hasAttribute(`source`)}set source(e){this.toggleAttribute(`source`,e)}#t(){let e=this.kind,t=this.hue,r=this.verb,i=r==null?mt[e]:gt(r),a=this.scoop,o=this.label,s=this.args?vt(this.args):[];t?this.style.setProperty(`--c`,t):this.style.removeProperty(`--c`);let c=T(`span`,{class:`darrow`,part:`arrow`},T(`slot`,{name:`arrow`},n(pt[e],{size:13}))),l=T(`slot`,{name:`label`});i&&l.append(T(`span`,{class:`verb`},i)),a&&l.append(T(`b`,{class:`scoop`,part:`scoop`,style:t?`color:${t}`:void 0},a)),o&&l.append(T(`span`,{class:`prose`},o));let u=T(`span`,{class:`label`,part:`label`},l),d=T(`slot`,{name:`args`});for(let e of s)d.append(T(`code`,{part:`code`},e));this.#e.replaceChildren(c,u,d)}});var yt=E(`
|
|
866
866
|
:host {
|
|
867
867
|
display: block;
|
|
868
868
|
border: 1px solid var(--line);
|
|
@@ -888,7 +888,7 @@ code {
|
|
|
888
888
|
/* palette chips carry inline-style light backgrounds — tone them down for dark mode */
|
|
889
889
|
:host-context(.dark) .ch,
|
|
890
890
|
:host-context([data-theme="dark"]) .ch { filter: brightness(.55) saturate(.85); }
|
|
891
|
-
`);
|
|
891
|
+
`);C(`slicc-palette-cell`,class extends HTMLElement{static observedAttributes=[`color`,`label`,`group`,`selected`];#e;#t=null;#n=null;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[yt]}connectedCallback(){this.hasAttribute(`tabindex`)||this.setAttribute(`tabindex`,`0`),this.setAttribute(`role`,`button`),this.#o(),this.#i()}disconnectedCallback(){this.#a()}attributeChangedCallback(){this.isConnected&&this.#o()}get color(){return this.getAttribute(`color`)}set color(e){e==null?this.removeAttribute(`color`):this.setAttribute(`color`,e)}get label(){return this.getAttribute(`label`)}set label(e){e==null?this.removeAttribute(`label`):this.setAttribute(`label`,e)}get group(){return this.getAttribute(`group`)}set group(e){e==null?this.removeAttribute(`group`):this.setAttribute(`group`,e)}get selected(){return this.hasAttribute(`selected`)}set selected(e){this.toggleAttribute(`selected`,e)}select(){this.#r(),this.selected=!0,this.dispatchEvent(new CustomEvent(`palette-select`,{bubbles:!0,composed:!0,detail:{color:this.color,label:this.label,group:this.group}}))}#r(){let e=this.group;if(!e)return;let t=this.getRootNode().querySelectorAll(`slicc-palette-cell[group="${CSS.escape(e)}"][selected]`);for(let e of t)e!==this&&(e.selected=!1)}#i(){this.#t||(this.#t=()=>this.select(),this.#n=e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.select())},this.addEventListener(`click`,this.#t),this.addEventListener(`keydown`,this.#n))}#a(){this.#t&&this.removeEventListener(`click`,this.#t),this.#n&&this.removeEventListener(`keydown`,this.#n),this.#t=null,this.#n=null}#o(){this.setAttribute(`aria-pressed`,this.selected?`true`:`false`);let e=this.color??`transparent`,t=this.label,n=T(`div`,{class:`ch`,part:`chip`,style:`background:${e}`}),r=T(`div`,{class:`cl`,part:`label`},t??T(`slot`));this.#e.replaceChildren(n,r)}});var bt=[`#f43f5e`,`#f59e0b`,`#06b6d4`,`#8b5cf6`,`#ec4899`,`#22c55e`],xt=46,O=72,St=6.283185;function k(e,t){return e+Math.random()*(t-e)}var Ct=[{color:`#faf6f1`,label:`paper`},{color:`#fff7ed`,label:`cream`},{color:`#f5f3ff`,label:`lilac`},{color:`#fef2f2`,label:`blush`}],wt=[{color:`#8b5cf6`,label:`violet`},{color:`#f43f5e`,label:`rose`},{color:`#06b6d4`,label:`cyan`},{color:`#ef7000`,label:`cone`}],Tt=0,Et=E(`
|
|
892
892
|
:host {
|
|
893
893
|
position: relative;
|
|
894
894
|
display: block;
|
|
@@ -975,7 +975,7 @@ canvas.sprk {
|
|
|
975
975
|
@media (prefers-reduced-motion: reduce) {
|
|
976
976
|
canvas.sprk { display: none; }
|
|
977
977
|
}
|
|
978
|
-
`);
|
|
978
|
+
`);C(`slicc-dip`,class extends HTMLElement{static observedAttributes=[`name`,`hue`,`prompt`];#e;#t=`d${++Tt}`;#n=null;#r=null;#i=0;#a=null;#o=[];#s=0;#c=0;#l=-999;#u=-999;#d=null;#f=null;#p=null;#m=null;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[Et]}connectedCallback(){this.#v(),this.#b(),this.#w()}disconnectedCallback(){this.#T(),this.#x()}attributeChangedCallback(){this.isConnected&&(this.#v(),this.#b(),this.#w())}get name(){return this.getAttribute(`name`)??`palette.shtml`}set name(e){e==null?this.removeAttribute(`name`):this.setAttribute(`name`,e)}get hue(){return this.getAttribute(`hue`)}set hue(e){e==null?this.removeAttribute(`hue`):this.setAttribute(`hue`,e)}get prompt(){return this.getAttribute(`prompt`)}set prompt(e){e==null?this.removeAttribute(`prompt`):this.setAttribute(`prompt`,e)}get selectedCanvas(){return this.#h(`canvas:${this.#t}`)}get selectedAccent(){return this.#h(`accent:${this.#t}`)}#h(e){let t=this.querySelector(`slicc-palette-cell[group="${CSS.escape(e)}"][selected]`);return t?{color:t.getAttribute(`color`)??``,label:t.getAttribute(`label`)??``}:null}#g(e,t,n){let r=e.startsWith(`canvas`)?`canvas`:`accent`;if(!this.querySelector(`slicc-palette-cell[slot="${r}"]`))for(let i of t){let t=this.ownerDocument.createElement(`slicc-palette-cell`);t.setAttribute(`slot`,r),t.setAttribute(`color`,i.color),t.setAttribute(`label`,i.label),t.setAttribute(`group`,e),i.label===n&&t.setAttribute(`selected`,``),this.appendChild(t)}}#_(){return[document.createTextNode(`Tune the hero’s `),T(`b`,null,`canvas`),document.createTextNode(` & `),T(`b`,null,`accent`),document.createTextNode(`, then apply:`)]}#v(){let e=this.hue,t=e?`--c:${e}`:void 0,r=T(`slot`,{name:`prompt`});this.prompt?r.append(this.prompt):r.append(...this.#_()),this.#e.replaceChildren(T(`canvas`,{class:`sprk`,part:`field`,"aria-hidden":`true`}),T(`div`,{class:`dh`,part:`header`,style:t},T(`span`,{class:`sg`,part:`glyph`},n(`sparkles`,{size:12})),T(`span`,{class:`nm`,part:`name`},this.name),T(`span`,{class:`tag`,part:`tag`},`sprinkle · dip`)),T(`div`,{class:`dbody`,part:`body`,style:t},T(`p`,{class:`dprompt`,part:`prompt`},r),T(`div`,{class:`pgrid canvas`,part:`grid-canvas`},T(`slot`,{name:`canvas`})),T(`div`,{class:`pgrid accent`,part:`grid-accent`},T(`slot`,{name:`accent`})),T(`div`,{class:`dfoot`},T(`button`,{class:`dapply`,part:`apply`,type:`button`},`Apply to hero →`),T(`span`,{class:`dnote`,part:`note`})))),this.#g(`canvas:${this.#t}`,Ct,`paper`),this.#g(`accent:${this.#t}`,wt,`cone`),this.#y()}#y(){let e=this.#e.querySelector(`.dnote`);e&&(e.textContent=`${this.selectedCanvas?.label??`paper`} · ${this.selectedAccent?.label??`violet`}`)}#b(){this.#p||(this.#p=()=>this.#y(),this.addEventListener(`palette-select`,this.#p)),this.#m||=()=>this.#S(),this.#e.querySelector(`.dapply`)?.addEventListener(`click`,this.#m)}#x(){this.#p&&=(this.removeEventListener(`palette-select`,this.#p),null),this.#m=null}#S(){this.#y(),this.dispatchEvent(new CustomEvent(`slicc-dip-apply`,{bubbles:!0,composed:!0,detail:{canvas:this.selectedCanvas,accent:this.selectedAccent}}))}#C(){return typeof matchMedia==`function`&&matchMedia(`(prefers-reduced-motion: reduce)`).matches}#w(){if(this.#T(),this.#C())return;let e=this.#e.querySelector(`canvas.sprk`),t=e?.getContext(`2d`)??null;!e||!t||(this.#n=e,this.#r=t,this.#o=[],this.#E(),typeof ResizeObserver==`function`&&(this.#a=new ResizeObserver(()=>this.#E()),this.#a.observe(this)),this.#d=e=>{let t=this.getBoundingClientRect();this.#l=e.clientX-t.left,this.#u=e.clientY-t.top},this.#f=()=>{this.#l=-999,this.#u=-999},this.addEventListener(`pointermove`,this.#d),this.addEventListener(`pointerleave`,this.#f),this.#i=requestAnimationFrame(()=>this.#O()))}#T(){this.#i&&cancelAnimationFrame(this.#i),this.#i=0,this.#a?.disconnect(),this.#a=null,this.#d&&this.removeEventListener(`pointermove`,this.#d),this.#f&&this.removeEventListener(`pointerleave`,this.#f),this.#d=null,this.#f=null}#E(){let e=this.#n,t=this.#r;if(!e||!t)return;let n=this.getBoundingClientRect(),r=Math.min(typeof devicePixelRatio==`number`?devicePixelRatio:1,2);if(this.#s=n.width,this.#c=n.height||90,e.width=Math.max(1,Math.round(this.#s*r)),e.height=Math.max(1,Math.round(this.#c*r)),t.setTransform(r,0,0,r,0,0),!this.#o.length)for(let e=0;e<xt;e++)this.#o.push({x:k(0,this.#s),y:k(0,this.#c),vx:k(-.1,.1),vy:k(-.08,.08),rot:k(0,St),rv:k(-.014,.014),s:k(1.2,2.2),col:bt[e%bt.length]})}#D(e,t,n,r,i){let a=this.#r;a&&(a.roundRect?(a.beginPath(),a.roundRect(e,t,n,r,i)):(a.beginPath(),a.moveTo(e+i,t),a.arcTo(e+n,t,e+n,t+r,i),a.arcTo(e+n,t+r,e,t+r,i),a.arcTo(e,t+r,e,t,i),a.arcTo(e,t,e+n,t,i),a.closePath()))}#O(){let e=this.#r;if(e){e.clearRect(0,0,this.#s,this.#c);for(let t of this.#o){let n=t.x-this.#l,r=t.y-this.#u,i=n*n+r*r;if(i<O*O){let e=Math.sqrt(i)||1,a=(O-e)/O*.5;t.vx+=n/e*a,t.vy+=r/e*a}t.vx*=.95,t.vy*=.95,t.x+=t.vx+.04,t.y+=t.vy,t.rot+=t.rv,t.x<-6&&(t.x=this.#s+6),t.x>this.#s+6&&(t.x=-6),t.y<-6&&(t.y=this.#c+6),t.y>this.#c+6&&(t.y=-6);let a=t.s*4,o=t.s*1.55;e.save(),e.translate(t.x,t.y),e.rotate(t.rot),e.globalAlpha=.5,e.fillStyle=t.col,this.#D(-a/2,-o/2,a,o,o/2),e.fill(),e.globalAlpha=.85,e.fillStyle=`#fff`,this.#D(-a/2+o*.3,-o*.34,a-o*.6,o*.3,o*.15),e.fill(),e.restore(),e.globalAlpha=1}this.#i=requestAnimationFrame(()=>this.#O())}}});var Dt=14,Ot=12,kt=`Something went wrong`,At={retry:`Try again`,settings:`Open Settings`,"change-model":`Change model`,login:`Log in again`},jt={retry:`rotate-ccw`,settings:`settings`,"change-model":`sparkles`,login:`log-in`},Mt=E(`
|
|
979
979
|
:host{
|
|
980
980
|
/* Error cards sit in the assistant column (left-aligned). Tokens default to
|
|
981
981
|
the light palette and flip in dark mode via the library's outer scopes
|
|
@@ -1034,7 +1034,7 @@ canvas.sprk {
|
|
|
1034
1034
|
.retry:hover{filter:brightness(1.08);}
|
|
1035
1035
|
.retry:focus-visible{outline:2px solid color-mix(in srgb,var(--err-btn-bg) 60%,var(--ink));outline-offset:2px;}
|
|
1036
1036
|
.retry svg{display:block;}
|
|
1037
|
-
`);
|
|
1037
|
+
`);C(`slicc-error-card`,class extends HTMLElement{static observedAttributes=[`label`,`message`,`button-label`,`message-id`,`action`,`theme`];#e;#t=null;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[Mt]}connectedCallback(){this.#n()}disconnectedCallback(){this.#i()}attributeChangedCallback(){this.isConnected&&this.#n()}get label(){return this.getAttribute(`label`)}set label(e){e==null?this.removeAttribute(`label`):this.setAttribute(`label`,e)}get message(){return this.getAttribute(`message`)}set message(e){e==null?this.removeAttribute(`message`):this.setAttribute(`message`,e)}get buttonLabel(){return this.getAttribute(`button-label`)}set buttonLabel(e){e==null?this.removeAttribute(`button-label`):this.setAttribute(`button-label`,e)}get messageId(){return this.getAttribute(`message-id`)}set messageId(e){e==null?this.removeAttribute(`message-id`):this.setAttribute(`message-id`,e)}get action(){let e=this.getAttribute(`action`);return e===`settings`||e===`change-model`||e===`login`?e:`retry`}set action(e){e==null?this.removeAttribute(`action`):this.setAttribute(`action`,e)}get theme(){let e=this.getAttribute(`theme`);return e===`light`||e===`dark`?e:null}set theme(e){e==null?this.removeAttribute(`theme`):this.setAttribute(`theme`,e)}retry(){this.dispatchEvent(new CustomEvent(`slicc-error-retry`,{detail:{messageId:this.getAttribute(`message-id`)??null},bubbles:!0,composed:!0}))}openSettings(){this.dispatchEvent(new CustomEvent(`slicc-error-open-settings`,{detail:{messageId:this.getAttribute(`message-id`)??null},bubbles:!0,composed:!0}))}changeModel(){this.dispatchEvent(new CustomEvent(`slicc-error-change-model`,{detail:{messageId:this.getAttribute(`message-id`)??null},bubbles:!0,composed:!0}))}login(){this.dispatchEvent(new CustomEvent(`slicc-error-login`,{detail:{messageId:this.getAttribute(`message-id`)??null},bubbles:!0,composed:!0}))}#n(){let e=this.action,t=this.label??kt,r=this.message,i=this.buttonLabel??At[e],a=jt[e],o=T(`span`,{class:`ic`,part:`icon`,"aria-hidden":!0});o.append(n(`triangle-alert`,{size:Dt}));let s=T(`div`,{class:`err`,part:`card`},T(`div`,{class:`eh`,part:`header`},o,T(`span`,{class:`lbl`,part:`label`},t)),T(`div`,{class:`eb`,part:`body`},r??T(`slot`)),T(`div`,{class:`foot`},T(`button`,{type:`button`,class:`retry`,part:`button`,"aria-label":i},n(a,{size:Ot}),i)));this.#e.replaceChildren(s),this.#r()}#r(){this.#i();let e=this.#e.querySelector(`.retry`);if(!e)return;let t=this.action;this.#t=()=>{t===`settings`?this.openSettings():t===`change-model`?this.changeModel():t===`login`?this.login():this.retry()},e.addEventListener(`click`,this.#t)}#i(){let e=this.#e.querySelector(`.retry`);e&&this.#t&&e.removeEventListener(`click`,this.#t),this.#t=null}});var Nt=9,Pt=3,Ft=45,It=E(`
|
|
1038
1038
|
:host {
|
|
1039
1039
|
display: inline-flex;
|
|
1040
1040
|
align-items: center;
|
|
@@ -1115,7 +1115,7 @@ canvas.sprk {
|
|
|
1115
1115
|
@media (prefers-reduced-motion: reduce) {
|
|
1116
1116
|
:host([blink]) .eye { animation: none; }
|
|
1117
1117
|
}
|
|
1118
|
-
`);
|
|
1118
|
+
`);C(`slicc-googly-eyes`,class extends HTMLElement{static observedAttributes=[`inverted`,`tracking`,`blink`,`eyes`,`size`];#e;#t=[];#n=null;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[It]}connectedCallback(){this.#r(),this.#i()}disconnectedCallback(){this.#o()}attributeChangedCallback(e,t,n){this.isConnected&&(e===`size`||e===`eyes`?(this.#r(),this.#i()):e===`tracking`&&this.#i())}get inverted(){return this.hasAttribute(`inverted`)}set inverted(e){this.toggleAttribute(`inverted`,e)}get tracking(){return this.getAttribute(`tracking`)!==`off`}set tracking(e){e?this.setAttribute(`tracking`,`on`):this.setAttribute(`tracking`,`off`)}get blink(){return this.hasAttribute(`blink`)}set blink(e){this.toggleAttribute(`blink`,e)}get eyes(){return this.getAttribute(`eyes`)===`dead`?`dead`:`open`}set eyes(e){this.setAttribute(`eyes`,e===`dead`?`dead`:`open`)}get size(){let e=Number.parseFloat(this.getAttribute(`size`)??``);return Number.isFinite(e)&&e>0?e:Nt}set size(e){this.setAttribute(`size`,String(e))}#r(){let e=this.size,t=1.3/Nt*e,n=this.eyes===`dead`,r=e=>T(`span`,{class:`eye`,part:e},n?T(`span`,{class:`x`,"aria-hidden":`true`},`×`):null),i=T(`span`,{class:`eyes`,part:`eyes`,style:`--_eye:${e}px;--_border:${t}px`,role:`img`,"aria-label":n?`dead eyes`:`googly eyes`},r(`eye eye-left`),T(`slot`),r(`eye eye-right`));this.#e.replaceChildren(i),this.#t=Array.from(this.#e.querySelectorAll(`.eye`)),this.#s()}#i(){this.tracking&&this.eyes===`open`?this.#a():(this.#o(),this.#s())}#a(){this.#n||(this.#n=e=>this.#c(e),document.addEventListener(`mousemove`,this.#n))}#o(){this.#n&&=(document.removeEventListener(`mousemove`,this.#n),null)}#s(){for(let e of this.#t)e.style.setProperty(`--px`,`0px`),e.style.setProperty(`--py`,`0px`)}#c(e){for(let t of this.#t){let n=t.getBoundingClientRect(),r=n.left+n.width/2,i=n.top+n.height/2,a=Math.atan2(e.clientY-i,e.clientX-r),o=Math.min(Pt,Math.hypot(e.clientX-r,e.clientY-i)/Ft);t.style.setProperty(`--px`,`${(Math.cos(a)*o).toFixed(2)}px`),t.style.setProperty(`--py`,`${(Math.sin(a)*o).toFixed(2)}px`)}}});var Lt=E(`
|
|
1119
1119
|
:host{display:block;font-family:var(--ui);}
|
|
1120
1120
|
:host([hidden]){display:none;}
|
|
1121
1121
|
.handoff{border:1px solid var(--line);border-radius:13px;padding:13px 15px;margin:2px 0 18px;}
|
|
@@ -1135,7 +1135,7 @@ canvas.sprk {
|
|
|
1135
1135
|
.opened .sg{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;color:#fff;background:var(--rainbow);flex:0 0 auto;}
|
|
1136
1136
|
.opened .sg svg{display:block;}
|
|
1137
1137
|
.opened b{color:var(--ink);font-weight:600;}
|
|
1138
|
-
`),
|
|
1138
|
+
`),Rt=`Handoff request from`;C(`slicc-handoff-card`,class extends HTMLElement{static observedAttributes=[`variant`,`name`,`pre`,`text`,`eyes`];#e;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[Lt]}connectedCallback(){this.#t()}attributeChangedCallback(){this.isConnected&&this.#t()}get variant(){return this.getAttribute(`variant`)===`opened`?`opened`:`handoff`}set variant(e){this.setAttribute(`variant`,e===`opened`?`opened`:`handoff`)}get name(){return this.getAttribute(`name`)}set name(e){e==null?this.removeAttribute(`name`):this.setAttribute(`name`,e)}get pre(){return this.getAttribute(`pre`)}set pre(e){e==null?this.removeAttribute(`pre`):this.setAttribute(`pre`,e)}get text(){return this.getAttribute(`text`)}set text(e){e==null?this.removeAttribute(`text`):this.setAttribute(`text`,e)}get eyes(){return this.getAttribute(`eyes`)===`dead`?`dead`:`open`}set eyes(e){this.setAttribute(`eyes`,e===`dead`?`dead`:`open`)}#t(){this.variant===`opened`?this.#i():this.#r()}#n(){let e=this.text;return e==null?T(`slot`):document.createTextNode(e)}#r(){let e=this.pre??Rt,t=this.name,r=T(`slicc-googly-eyes`,{class:`eyes`});this.eyes===`dead`&&r.setAttribute(`eyes`,`dead`);let i=T(`div`,{class:`top`,part:`top`},T(`span`,{class:`av`,part:`avatar`},r),T(`span`,{class:`lbl2`,part:`label`},T(`span`,{class:`hand`,part:`hand`,"aria-hidden":`true`},n(`hand`,{size:13})),T(`span`,{class:`pre`},e),` `,t==null?null:T(`b`,{part:`name`},t))),a=T(`p`,{part:`text`},this.#n());this.#e.replaceChildren(T(`div`,{class:`handoff`,part:`card`},i,a))}#i(){let e=this.name,t=T(`span`,{class:`sg`,part:`glyph`,"aria-hidden":`true`},n(`sparkles`,{size:12})),r=T(`span`,{part:`text`},e==null?null:T(`b`,{part:`name`},e),e==null?null:` `,this.#n());this.#e.replaceChildren(T(`div`,{class:`opened`,part:`card`},t,r))}});var zt=14,Bt=`event`,Vt={webhook:`webhook`,cron:`clock`,workflow:`workflow`,"session-reload":`rotate-ccw`,navigate:`compass`,discovery:`radar`,upgrade:`circle-arrow-up`,sprinkle:`sparkles`,fswatch:`eye`,"scoop-notify":`bell-ring`,"scoop-idle":`moon`,"scoop-wait":`hourglass`,"sudo-request":`key-round`},Ht=`bell`;function Ut(e){return e&&Vt[e.toLowerCase()]||Ht}var Wt={confirmed:`circle-check`,dismissed:`circle-x`},Gt=E(`
|
|
1139
1139
|
:host{
|
|
1140
1140
|
/* Licks are right-aligned in the chat column (mirroring the lickIn slide-in
|
|
1141
1141
|
from the right): the host is a full-width flex row that pushes the card to
|
|
@@ -1223,7 +1223,7 @@ canvas.sprk {
|
|
|
1223
1223
|
:host([collapsed]) .lb{display:none;}
|
|
1224
1224
|
|
|
1225
1225
|
@keyframes lickIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
|
|
1226
|
-
`),
|
|
1226
|
+
`),Kt=`·`;C(`slicc-lick-card`,class extends HTMLElement{static observedAttributes=[`kind`,`event-label`,`body`,`count`,`no-animate`,`collapsible`,`collapsed`,`theme`,`hue`,`state`];#e;#t=null;#n=null;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[Gt]}connectedCallback(){this.#r()}disconnectedCallback(){this.#a()}attributeChangedCallback(){this.isConnected&&this.#r()}get kind(){return this.getAttribute(`kind`)}set kind(e){e==null?this.removeAttribute(`kind`):this.setAttribute(`kind`,e)}get eventLabel(){return this.getAttribute(`event-label`)}set eventLabel(e){e==null?this.removeAttribute(`event-label`):this.setAttribute(`event-label`,e)}get body(){return this.getAttribute(`body`)}set body(e){e==null?this.removeAttribute(`body`):this.setAttribute(`body`,e)}get count(){let e=Number.parseInt(this.getAttribute(`count`)??``,10);return Number.isFinite(e)&&e>0?e:1}set count(e){e>1?this.setAttribute(`count`,String(e)):this.removeAttribute(`count`)}get noAnimate(){return this.hasAttribute(`no-animate`)}set noAnimate(e){this.toggleAttribute(`no-animate`,e)}get collapsible(){return this.hasAttribute(`collapsible`)}set collapsible(e){this.toggleAttribute(`collapsible`,e)}get collapsed(){return this.hasAttribute(`collapsed`)}set collapsed(e){this.toggleAttribute(`collapsed`,e)}get theme(){let e=this.getAttribute(`theme`);return e===`light`||e===`dark`?e:null}set theme(e){e==null?this.removeAttribute(`theme`):this.setAttribute(`theme`,e)}get state(){let e=this.getAttribute(`state`);return e===`confirmed`||e===`dismissed`?e:`pending`}set state(e){e==null||e===`pending`?this.removeAttribute(`state`):this.setAttribute(`state`,e)}toggle(){this.collapsible&&(this.collapsed=!this.collapsed,this.dispatchEvent(new CustomEvent(`slicc-lick-toggle`,{detail:{collapsed:this.collapsed},bubbles:!0,composed:!0})))}#r(){let e=this.kind??``,t=this.count,r=this.getAttribute(`hue`);r?(this.style.setProperty(`--lick-pill`,r),this.style.setProperty(`--lick-pill-ink`,`#fff`)):(this.style.removeProperty(`--lick-pill`),this.style.removeProperty(`--lick-pill-ink`));let i=this.eventLabel??Bt,a=t>1?`${i} ×${t}`:i,o=this.body,s=this.collapsible,c=e?`lick ${Kt} ${e}`:`lick ${Kt}`,l=T(`span`,{class:`bell`,part:`bell`,"aria-hidden":!0});l.append(n(Ut(e),{size:zt}));let u={class:`lh`,part:`header`};s&&(u.tabindex=`0`,u.role=`button`,u[`aria-expanded`]=this.collapsed?`false`:`true`);let d=T(`div`,u,l,` `,T(`span`,{class:`kind`,part:`kind`},`${c} `),T(`span`,{class:`lk`,part:`event`},a)),f=this.state;if(f!==`pending`){let e=T(`span`,{class:`status`,part:`status`,"aria-hidden":!0});e.append(n(Wt[f],{size:zt})),d.append(e)}let p=T(`div`,{class:`lick`,part:`card`},d,T(`div`,{class:`lb`,part:`body`},o??T(`slot`)));this.#e.replaceChildren(p),this.#i()}#i(){if(this.#a(),!this.collapsible)return;let e=this.#e.querySelector(`.lh`);e&&(this.#t=()=>this.toggle(),this.#n=e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.toggle())},e.addEventListener(`click`,this.#t),e.addEventListener(`keydown`,this.#n))}#a(){let e=this.#e.querySelector(`.lh`);e&&this.#t&&e.removeEventListener(`click`,this.#t),e&&this.#n&&e.removeEventListener(`keydown`,this.#n),this.#t=null,this.#n=null}});var qt=`
|
|
1227
1227
|
slicc-tool-cluster {
|
|
1228
1228
|
display: block;
|
|
1229
1229
|
margin: -2px 0 16px;
|
|
@@ -1299,7 +1299,7 @@ slicc-tool-cluster[open] .slicc-cluster__body {
|
|
|
1299
1299
|
slicc-tool-cluster .slicc-cluster__body slicc-action-row {
|
|
1300
1300
|
margin-bottom: 4px;
|
|
1301
1301
|
}
|
|
1302
|
-
`,
|
|
1302
|
+
`,Jt=`slicc-tool-cluster-style`;function Yt(e){if(e.getElementById(Jt))return;let t=e.createElement(`style`);t.id=Jt,t.textContent=qt,(e.head??e.documentElement).appendChild(t)}var Xt=`A few quick steps`;C(`slicc-tool-cluster`,class extends HTMLElement{static observedAttributes=[`open`,`label`,`count`];#e;#t;#n;#r;#i=!1;#a=()=>{this.open=!this.open};connectedCallback(){Yt(this.ownerDocument),this.#o(),this.#s(),this.#e?.addEventListener(`click`,this.#a)}disconnectedCallback(){this.#e?.removeEventListener(`click`,this.#a)}attributeChangedCallback(e,t,n){t===n||!this.#i||(e===`open`?(this.#e.setAttribute(`aria-expanded`,String(n!==null)),this.dispatchEvent(new CustomEvent(`slicc-tool-cluster-toggle`,{bubbles:!0,composed:!0,detail:{open:n!==null}}))):this.#s())}get open(){return this.hasAttribute(`open`)}set open(e){this.toggleAttribute(`open`,e)}get label(){return this.getAttribute(`label`)??Xt}set label(e){e==null?this.removeAttribute(`label`):this.setAttribute(`label`,e)}get count(){let e=Number.parseInt(this.getAttribute(`count`)??``,10);return Number.isFinite(e)&&e>0?e:0}set count(e){e>0?this.setAttribute(`count`,String(e)):this.removeAttribute(`count`)}get body(){return this.#o(),this.#r}append(...e){this.#o(),this.#r.append(...e),this.#s()}#o(){if(this.#i)return;this.#i=!0;let e=Array.from(this.childNodes).filter(e=>!(e instanceof HTMLElement&&e.classList.contains(`slicc-cluster__head`))&&!(e instanceof HTMLElement&&e.classList.contains(`slicc-cluster__body`)));this.#e=this.ownerDocument.createElement(`button`),this.#e.type=`button`,this.#e.className=`slicc-cluster__head`,this.#e.setAttribute(`part`,`head`),this.#t=T(`span`,{class:`slicc-cluster__label`,part:`label`}),this.#n=T(`span`,{class:`slicc-cluster__count`,part:`count`}),w(this.#e,[T(`span`,{class:`slicc-cluster__ic`,part:`icon`},n(`layers`,{size:12})),this.#t,this.#n,T(`span`,{class:`slicc-cluster__chev`,part:`chevron`,"aria-hidden":`true`},`▸`)]),this.#r=this.ownerDocument.createElement(`div`),this.#r.className=`slicc-cluster__body`,this.#r.setAttribute(`part`,`body`);for(let t of e)this.#r.appendChild(t);this.replaceChildren(this.#e,this.#r),this.#e.addEventListener(`click`,this.#a)}#s(){if(!this.#i)return;this.#t.textContent=this.label;let e=this.count||this.#r.children.length;this.#n.textContent=e>0?`${e} steps`:``,this.#e.setAttribute(`aria-expanded`,String(this.open))}});var Zt=400,Qt=E(`
|
|
1303
1303
|
:host{position:fixed;inset:0;z-index:1000;display:none;}
|
|
1304
1304
|
:host([open]){display:block;}
|
|
1305
1305
|
.overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;cursor:pointer;}
|
|
@@ -1307,7 +1307,7 @@ slicc-tool-cluster .slicc-cluster__body slicc-action-row {
|
|
|
1307
1307
|
.overlay.visible .backdrop{opacity:1;}
|
|
1308
1308
|
.overlay.closing .backdrop{opacity:0;}
|
|
1309
1309
|
.image{position:absolute;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.4),0 8px 20px rgba(0,0,0,.3);max-width:90vw;max-height:90vh;object-fit:contain;transform-origin:center center;will-change:transform;transition:transform .35s cubic-bezier(.2,0,.13,1),border-radius .35s cubic-bezier(.2,0,.13,1);}
|
|
1310
|
-
`),
|
|
1310
|
+
`),A=null,$t=class extends HTMLElement{#e;#t=null;#n=null;#r=null;#i=null;#a=!1;#o=null;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[Qt]}disconnectedCallback(){this.#l(),A===this&&(A=null)}get src(){return this.getAttribute(`src`)}set src(e){e==null?this.removeAttribute(`src`):this.setAttribute(`src`,e)}get isOpen(){return this.hasAttribute(`open`)}open(e,t){A&&A!==this&&A.#s(),this.#l(),this.#a=!1,this.src=e,this.setAttribute(`open`,``),A=this,this.#r=t??this;let n=document.createElement(`div`);n.className=`overlay`,n.setAttribute(`part`,`overlay`);let r=document.createElement(`div`);r.className=`backdrop`,r.setAttribute(`part`,`backdrop`),n.appendChild(r);let i=document.createElement(`img`);i.className=`image`,i.setAttribute(`part`,`image`),i.src=e,i.alt=`Image preview`,n.appendChild(i),this.#e.appendChild(n),this.#t=n,this.#n=i;let a=this.#r.getBoundingClientRect(),o=()=>{let e=window.innerWidth,t=window.innerHeight,r=e*.9,o=t*.9,s=i.naturalWidth||a.width*4,c=i.naturalHeight||a.height*4,l=Math.min(r/s,o/c,1),u=s*l,d=c*l,f=(e-u)/2,p=(t-d)/2,m=a.width/u,h=a.height/d,g=a.left+a.width/2,_=a.top+a.height/2,v=f+u/2,y=p+d/2,ee=g-v,te=_-y;i.style.position=`absolute`,i.style.width=`${u}px`,i.style.height=`${d}px`,i.style.left=`${f}px`,i.style.top=`${p}px`,i.style.transform=`translate(${ee}px, ${te}px) scale(${m}, ${h})`,i.style.borderRadius=`${6/Math.min(m,h)}px`,requestAnimationFrame(()=>{requestAnimationFrame(()=>{i.style.transform=`translate(0, 0) scale(1, 1)`,i.style.borderRadius=`6px`,n.classList.add(`visible`)})})};i.complete&&i.naturalWidth>0?o():(i.onload=()=>o(),i.onerror=()=>this.#s()),this.#i=e=>{e.key===`Escape`&&this.close()},n.addEventListener(`click`,()=>this.close()),document.addEventListener(`keydown`,this.#i),this.dispatchEvent(new CustomEvent(`slicc-image-preview-open`,{bubbles:!0,composed:!0,detail:{src:e}}))}close(){let e=this.#t,t=this.#n;if(this.#a||!e||!t||A!==this)return;this.#a=!0,e.classList.add(`closing`),e.classList.remove(`visible`);let n=this.#r,r=n?n.getBoundingClientRect():null;if(r&&r.width>0&&r.height>0){let e=t.getBoundingClientRect(),n=r.width/e.width,i=r.height/e.height,a=r.left+r.width/2,o=r.top+r.height/2,s=e.left+e.width/2,c=e.top+e.height/2,l=a-s,u=o-c;t.style.transform=`translate(${l}px, ${u}px) scale(${n}, ${i})`,t.style.borderRadius=`${6/Math.min(n,i)}px`}this.dispatchEvent(new CustomEvent(`slicc-image-preview-close`,{bubbles:!0,composed:!0,detail:{src:this.src}}));let i=()=>this.#c();this.#o=setTimeout(i,Zt),e.addEventListener(`transitionend`,e=>{e.propertyName===`transform`&&(this.#o&&clearTimeout(this.#o),i())})}#s(){this.#l()}#c(){this.#l()}#l(){this.#o&&=(clearTimeout(this.#o),null),this.#i&&=(document.removeEventListener(`keydown`,this.#i),null),this.#t&&=(this.#t.remove(),null),this.#n=null,this.#r=null,this.removeAttribute(`open`),this.removeAttribute(`src`),A===this&&(A=null)}static show(e,t){let n=document.querySelector(`slicc-image-preview[data-shared]`);return n||(n=document.createElement(`slicc-image-preview`),n.setAttribute(`data-shared`,``),document.body.appendChild(n)),n.open(e,t),()=>n.close()}};C(`slicc-image-preview`,$t);var en=E(`
|
|
1311
1311
|
:host{display:block;margin-bottom:18px;font-family:var(--ui);font-size:15px;line-height:1.5;}
|
|
1312
1312
|
:host([hidden]){display:none;}
|
|
1313
1313
|
.msg{display:flex;justify-content:flex-end;}
|
|
@@ -1348,7 +1348,7 @@ slicc-tool-cluster .slicc-cluster__body slicc-action-row {
|
|
|
1348
1348
|
:host([queued]) .b{opacity:.62;}
|
|
1349
1349
|
.queued-tag{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;color:var(--txt-3);}
|
|
1350
1350
|
.queued-tag svg{display:block;}
|
|
1351
|
-
`),
|
|
1351
|
+
`),tn={image:`image`,text:`file-text`,file:`file`};function nn(e){return e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}C(`slicc-user-message`,class extends HTMLElement{static observedAttributes=[`text`,`queued`,`timestamp`];#e;#t=null;#n=[];constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[en]}connectedCallback(){this.#a()}attributeChangedCallback(){this.isConnected&&this.#a()}get text(){return this.getAttribute(`text`)}set text(e){e==null?this.removeAttribute(`text`):this.setAttribute(`text`,e)}get queued(){return this.hasAttribute(`queued`)}set queued(e){this.toggleAttribute(`queued`,e)}setBodyHtml(e){this.#t=e,this.#a()}setAttachments(e){this.#n=e.slice(),this.#a()}#r(){if(this.#t!=null)return this.ownerDocument.createRange().createContextualFragment(this.#t);let e=this.text;return e==null?T(`slot`):this.ownerDocument.createTextNode(e)}#i(e){let t=e.kind??`file`,r=T(`span`,{class:`attachment-chip__visual`});if(t===`image`&&e.src){let t=T(`img`,{src:e.src,alt:e.name||`Attached image`});t.addEventListener(`click`,n=>{n.stopPropagation(),$t.show(e.src,t)}),r.append(t)}else r.append(n(tn[t],{size:16}));let i=e.size==null?e.mime:`${e.mime||`file`} · ${nn(e.size)}`,a=T(`span`,{class:`attachment-chip__body`},T(`span`,{class:`attachment-chip__name`},e.name),i?T(`span`,{class:`attachment-chip__meta`},i):null);return T(`div`,{class:`attachment-chip attachment-chip--${t}`},r,a)}#a(){let e=this.#n.length>0,t=this.text!=null||this.#t!=null,r=this.childNodes.length>0,i=t||r||!e,a=T(`div`,{class:`stack`,part:`stack`}),o=this.getAttribute(`timestamp`);if(o&&a.append(T(`span`,{class:`ts`,part:`timestamp`},o)),e){let e=T(`div`,{class:`attachments`,part:`attachments`});for(let t of this.#n)e.append(this.#i(t));a.append(e)}i&&a.append(T(`div`,{class:`b`,part:`bubble`},this.#r())),this.queued&&a.append(T(`span`,{class:`queued-tag`,part:`queued`},n(`clock`,{size:11}),`queued`));let s=T(`div`,{class:`msg user`,part:`message`},a);this.#e.replaceChildren(s)}});var rn=`
|
|
1352
1352
|
slicc-composer {
|
|
1353
1353
|
flex: 0 0 auto;
|
|
1354
1354
|
display: block;
|
|
@@ -1639,7 +1639,7 @@ slicc-composer .slicc-composer__ptt.is-picking {
|
|
|
1639
1639
|
animation-name: none;
|
|
1640
1640
|
}
|
|
1641
1641
|
}
|
|
1642
|
-
`,Kt=`slicc-composer-style`;function qt(e){if(e.getElementById(Kt))return;let t=e.createElement(`style`);t.id=Kt,t.textContent=Gt,(e.head??e.documentElement).appendChild(t)}var Jt=1e3,Yt=60,Xt=1e4,Zt=45e3,Qt=1500;function $t(e,t,n){return new Promise((r,i)=>{let a=setTimeout(()=>i(n),t);e.then(e=>{clearTimeout(a),r(e)},e=>{clearTimeout(a),i(e instanceof Error?e:Error(String(e)))})})}var en=`slicc-composer:mic-device`;function tn(){try{return typeof localStorage>`u`?null:localStorage.getItem(en)}catch{return null}}function nn(e){try{if(typeof localStorage>`u`)return;e?localStorage.setItem(en,e):localStorage.removeItem(en)}catch{}}function rn(e){return e==null||!Number.isFinite(e)?``:e<60?`~${Math.max(1,Math.round(e))}s`:`~${Math.floor(e/60)}m ${Math.round(e%60)}s`}b(`slicc-composer`,class extends HTMLElement{static observedAttributes=[`open`];#e;#t=!1;#n=null;#r=`idle`;#i=!1;#a=0;#o=null;#s=null;#c=null;#l=null;#u=null;#d=`unknown`;#f=tn();#p=null;#m=null;#h=null;#g=null;#_=null;#v=null;#y=null;#b=null;#x=null;#S=null;#C=null;#w=[];connectedCallback(){qt(this.ownerDocument),this.#T(),this.addEventListener(`pointerdown`,this.#E)}disconnectedCallback(){this.removeEventListener(`pointerdown`,this.#E),this.#c?.cancel(),this.#c=null,this.#j(),this.#i=!1,this.#o=null,this.#a++,this.#z(),this.#L(),this.#m&&clearTimeout(this.#m),this.#m=null,this.#R(),this.#G(),this.#ee()}attributeChangedCallback(){}get open(){return this.hasAttribute(`open`)}set open(e){e?this.setAttribute(`open`,``):this.removeAttribute(`open`)}get speech(){return this.#u??=s(),this.#u}set speech(e){this.#u=e,this.#d=`unknown`}get device(){return this.#f}set device(e){this.#f=e,nn(e)}get inner(){return this.#T(),this.#e}append(...e){this.#T(),this.#e.append(...e)}#T(){if(this.#t)return;this.#t=!0;let e=this.querySelector(`:scope > .slicc-composer__inner`);if(e instanceof HTMLElement){this.#e=e;return}let t=Array.from(this.childNodes);this.#e=this.ownerDocument.createElement(`div`),this.#e.className=`slicc-composer__inner`,this.#e.setAttribute(`part`,`inner`);for(let e of t)this.#e.appendChild(e);this.appendChild(this.#e)}#E=e=>{if(!this.hasAttribute(`ptt`)||!e.isPrimary||this.#i||e.button!==0||this.#r===`finalizing`||this.#r===`picking`)return;let t=e.target?.closest?.(`textarea`);if(!(t instanceof HTMLTextAreaElement)||!this.contains(t)||t.value!==``)return;this.#i=!0,this.#a++,this.#o=t,this.#s=e.pointerId;try{this.setPointerCapture(e.pointerId)}catch{}let n=this.ownerDocument;n.addEventListener(`pointerup`,this.#M),this.addEventListener(`pointercancel`,this.#N),n.addEventListener(`selectionchange`,this.#D);let r=this.#a;this.#h=setTimeout(()=>{this.#L(),this.#O(this.speech,r)},400)};#D=()=>{if(!this.#h)return;let e=this.ownerDocument.getSelection();!e||e.isCollapsed||e.toString()===``||(this.#i=!1,this.#a++,this.#o=null,this.#L(),this.#z(),this.#R())};async#O(e,t){let n=await Promise.race([e.permission().then(e=>(this.#d=e,e)),new Promise(e=>setTimeout(()=>e(`pending`),Yt))]);if(!(t!==this.#a||!this.#i)){if(n===`granted`){this.#A(e,t);return}if(n===`denied`){this.#q(`denied`);return}this.#q(`enable`),this.#m=setTimeout(()=>{this.#m=null,this.#k(e,t)},Jt),n===`pending`&&e.permission().then(n=>{this.#d=n,!(t!==this.#a||!this.#i||this.#r!==`enable`)&&(n===`granted`?(this.#I(),this.#A(e,t)):n===`denied`&&(this.#I(),this.#q(`denied`)))})}}#k(e,t){t!==this.#a||!this.#i||this.#r!==`enable`||(this.#v=null,this.#q(`prompting`),$t(e.requestPermission(),Xt,Error(`Microphone didn't respond. Check your mic, then hold again.`)).then(n=>{this.#d=n?`granted`:`denied`,n&&e.warmup(),t===this.#a&&(n&&this.#i?this.#A(e,t):n?this.#ee():this.#i?this.#q(`denied`):this.#ee())}).catch(e=>{this.#d=`denied`,t===this.#a&&(this.#i?(this.#v=e instanceof Error?e.message:String(e),this.#q(`denied`)):this.#ee())}))}#A(e,t){this.#r=`recording`,this.#q(`recording`),e.warmup(),this.#g?.(),this.#g=e.onStatus(e=>{this.#_=e,this.#Q()});let n=e.microphones();n.then(e=>{t===this.#a&&(this.#f??(this.#p=o(e)),i(e)&&this.#$(e))}).catch(()=>{});let r=(this.#f==null?$t(n,Qt,Error(`microphone enumeration timed out`)).then(e=>o(e)).catch(()=>null):Promise.resolve(this.#f)).then(n=>e.start({deviceId:n??void 0,onPartial:e=>{t===this.#a&&this.#Z(e)},onError:e=>{t===this.#a&&this.#Z(e,!0)}}));this.#l=r,r.then(e=>{if(this.#l===r){if(this.#l=null,t!==this.#a||this.#r!==`recording`){e.cancel();return}this.#c=e}}).catch(e=>{this.#l===r&&(this.#l=null,t===this.#a&&this.#Z(e instanceof Error?e.message:String(e),!0))})}#j(){let e=this.#l;this.#l=null,e&&e.then(e=>e.cancel(),()=>{})}#M=e=>{if(!this.#i||this.#s!=null&&e.pointerId!==this.#s)return;let t=this.#S,n=!1;if(this.#r===`recording`&&t&&!t.hidden)if(e.composedPath().includes(t))n=!0;else{let r=this.ownerDocument.elementFromPoint(e.clientX,e.clientY);n=r!=null&&t.contains(r)}if(n){this.#i=!1,this.#z(),this.#R(),this.#c?.cancel(),this.#c=null,this.#j(),this.#o=null,this.#B();return}this.#P(!0)};#N=e=>{this.#s!=null&&e.pointerId!==this.#s||this.#P(!1)};#P(e){if(!this.#i)return;switch(this.#i=!1,this.#L(),this.#z(),this.#R(),this.#r){case`enable`:this.#I(),this.#o=null,this.#ee();return;case`prompting`:this.#o=null;return;case`denied`:this.#o=null,this.#ee();return;case`recording`:break;default:this.#o=null,this.#ee();return}let t=this.#c;this.#c=null;let n=this.#l;if(this.#l=null,!e){t?.cancel(),n&&n.then(e=>e.cancel(),()=>{}),this.#o=null,this.#ee();return}if(!t&&!n){this.#o=null,this.#ee();return}this.#r=`finalizing`,this.#Z(`Transcribing…`);let r=this.#a;$t((t?Promise.resolve(t):n).then(e=>e.stop()),Zt,Error(`finalize timed out`)).then(e=>{r===this.#a&&(this.#ee(),this.#F(e))}).catch(()=>{r===this.#a&&(this.#ee(),this.#o=null)})}#F(e){let t=this.#o;if(this.#o=null,!t)return;let n=e.trim();if(!n){t.focus();return}t.value=t.value?/\s$/.test(t.value)?t.value+n:`${t.value} ${n}`:n,t.dispatchEvent(new Event(`input`,{bubbles:!0})),t.focus();let r=t.closest(`slicc-input-card`);r&&typeof r.submit==`function`?r.submit(`dictation`):t.dispatchEvent(new CustomEvent(`submit`,{bubbles:!0,composed:!0,detail:{value:t.value,source:`dictation`}}))}#I(){this.#m&&clearTimeout(this.#m),this.#m=null}#L(){this.#h&&clearTimeout(this.#h),this.#h=null,this.ownerDocument.removeEventListener(`selectionchange`,this.#D)}#R(){this.ownerDocument.removeEventListener(`pointerup`,this.#M),this.removeEventListener(`pointercancel`,this.#N)}#z(){let e=this.#s;if(this.#s=null,e!=null)try{this.releasePointerCapture(e)}catch{}}#B(){this.#r=`picking`,this.#X(`picking`),this.#y&&(this.#y.textContent=`Choose a microphone`),this.#b&&(this.#b.hidden=!0),this.#V();let e=this.ownerDocument;e.addEventListener(`pointerdown`,this.#U,!0),e.addEventListener(`keydown`,this.#W,!0)}#V(){let e=this.#S;if(!e||this.#C)return;let t=S(`div`,{class:`slicc-composer__ptt-device-menu`,role:`menu`}),r=null,i=this.#f??this.#p;for(let e of this.#w){let a=e.deviceId===i,o=S(`button`,{type:`button`,class:`slicc-composer__ptt-device-item`,role:`menuitemradio`,"aria-checked":a?`true`:`false`,"data-device-id":e.deviceId},e.label,S(`span`,{class:`tick`},n(`check`,{size:14})));o.addEventListener(`click`,()=>{this.device=e.deviceId,this.#K()}),(a||!r)&&(r=o),t.appendChild(o)}this.#C=t,e.appendChild(t),this.#H(t,e),r?.focus()}#H(e,t){let n=t.getBoundingClientRect(),r=(window.innerHeight||document.documentElement.clientHeight)-n.bottom-6-8,i=n.top-6-8,a=e.offsetHeight>r&&i>r;e.classList.toggle(`slicc-composer__ptt-device-menu--up`,a);let o=Math.max(a?i:r,0);e.style.maxHeight=`${Math.min(320,o)}px`}#U=e=>{this.#S&&e.composedPath().includes(this.#S)||this.#K()};#W=e=>{e.key===`Escape`&&(e.stopPropagation(),this.#K())};#G(){let e=this.ownerDocument;e.removeEventListener(`pointerdown`,this.#U,!0),e.removeEventListener(`keydown`,this.#W,!0)}#K(){this.#G(),this.#ee()}#q(e){switch(this.#r=e,this.#n||(this.#n=S(`div`,{class:`slicc-composer__ptt`,"data-ptt":!0,role:`button`}),this.appendChild(this.#n)),this.#X(e),e){case`enable`:this.#J(n(`mic`,{size:28}),`Hold to enable push to talk`,this.#Y(`Requesting microphone access when the bar fills`)),this.#n.setAttribute(`aria-label`,`Hold to enable push to talk`);break;case`prompting`:this.#J(n(`mic`,{size:28}),`Allow microphone access in the browser prompt`,this.#Y(`Waiting for permission…`)),this.#n.setAttribute(`aria-label`,`Waiting for microphone permission`);break;case`denied`:{let e=this.#v?`Microphone unavailable`:`Microphone access is blocked`,t=this.#v??`Enable the microphone for this site in your browser settings, then hold again.`;this.#J(n(`mic-off`,{size:28}),e,S(`div`,{class:`slicc-composer__ptt-load-text`},t)),this.#n.setAttribute(`aria-label`,e);break}case`recording`:{this.#S=S(`div`,{class:`slicc-composer__ptt-device`,hidden:!0}),this.#b=S(`div`,{class:`slicc-composer__ptt-caption`,"aria-live":`polite`,hidden:!0}),this.#x=S(`div`,{class:`slicc-composer__ptt-status`,hidden:!0});let e=S(`div`,{class:`slicc-composer__ptt-microw`},S(`div`,{class:`slicc-composer__ptt-mic`},n(`mic`,{size:28})),this.#S);this.#y=S(`div`,{class:`slicc-composer__ptt-label`},`Listening — release to send`),this.#n.replaceChildren(e,this.#y,this.#b,this.#x),this.#n.setAttribute(`aria-label`,`Listening — release to send`),this.#Q();break}}}#J(e,t,n){this.#n&&(this.#y=S(`div`,{class:`slicc-composer__ptt-label`},t),this.#b=null,this.#x=null,this.#S=null,this.#C=null,this.#w=[],this.#n.replaceChildren(S(`div`,{class:`slicc-composer__ptt-mic`},e),this.#y,n))}#Y(e){return S(`div`,{class:`slicc-composer__ptt-load`},S(`span`,{class:`slicc-composer__ptt-load-text`},e),S(`div`,{class:`slicc-composer__ptt-bar`},S(`div`,{class:`slicc-composer__ptt-bar-fill`})))}#X(e){this.#n&&(this.#n.classList.remove(`is-enable`,`is-prompting`,`is-denied`,`is-recording`,`is-finalizing`,`is-picking`),e!==`idle`&&this.#n.classList.add(`is-${e}`))}#Z(e,t=!1){let n=this.#b;if(!n)return;let r=e.trim().split(/\s+/).filter(Boolean);if(r.length===0){n.hidden=!0;return}n.textContent=r.slice(-8).join(` `),n.classList.toggle(`is-error`,t),n.hidden=!1}#Q(){let e=this.#x;if(!e)return;let t=this.#_;if(t?.state===`downloading`){if(t.download){let n=rn(t.download.etaSeconds??null);e.textContent=n?`Better speech recognition downloading · ready in ${n}`:`Better speech recognition downloading…`}else e.textContent=`Preparing enhanced speech…`;e.classList.remove(`is-error`),e.hidden=!1}else t?.state===`ready`&&t.engine===`enhanced`?(e.textContent=`Enhanced speech recognition`,e.classList.remove(`is-error`),e.hidden=!1):t?.state===`unavailable`&&t.message?(e.textContent=t.message,e.classList.add(`is-error`),e.hidden=!1):(e.classList.remove(`is-error`),e.hidden=!0)}#$(e){let t=this.#S;if(!t)return;this.#w=e;let r=S(`button`,{type:`button`,class:`slicc-composer__ptt-device-btn`,"aria-label":`Choose a microphone`,"aria-haspopup":`menu`,title:`Choose a microphone`},n(`chevron-down`,{size:12}));r.addEventListener(`pointerdown`,e=>e.stopPropagation()),t.replaceChildren(r),t.hidden=!1}#ee(){this.#g?.(),this.#g=null,this.#n?.remove(),this.#n=null,this.#y=null,this.#b=null,this.#x=null,this.#S=null,this.#C=null,this.#w=[],this.#p=null,this.#v=null,this.#r=`idle`}});var an=`
|
|
1642
|
+
`,an=`slicc-composer-style`;function on(e){if(e.getElementById(an))return;let t=e.createElement(`style`);t.id=an,t.textContent=rn,(e.head??e.documentElement).appendChild(t)}var sn=1e3,cn=60,ln=1e4,un=45e3,dn=1500;function fn(e,t,n){return new Promise((r,i)=>{let a=setTimeout(()=>i(n),t);e.then(e=>{clearTimeout(a),r(e)},e=>{clearTimeout(a),i(e instanceof Error?e:Error(String(e)))})})}var pn=`slicc-composer:mic-device`;function mn(){try{return typeof localStorage>`u`?null:localStorage.getItem(pn)}catch{return null}}function hn(e){try{if(typeof localStorage>`u`)return;e?localStorage.setItem(pn,e):localStorage.removeItem(pn)}catch{}}function gn(e){return e==null||!Number.isFinite(e)?``:e<60?`~${Math.max(1,Math.round(e))}s`:`~${Math.floor(e/60)}m ${Math.round(e%60)}s`}C(`slicc-composer`,class extends HTMLElement{static observedAttributes=[`open`];#e;#t=!1;#n=null;#r=`idle`;#i=!1;#a=0;#o=null;#s=null;#c=null;#l=null;#u=null;#d=`unknown`;#f=mn();#p=null;#m=null;#h=null;#g=null;#_=null;#v=null;#y=null;#b=null;#x=null;#S=null;#C=null;#w=[];connectedCallback(){on(this.ownerDocument),this.#T(),this.addEventListener(`pointerdown`,this.#E)}disconnectedCallback(){this.removeEventListener(`pointerdown`,this.#E),this.#c?.cancel(),this.#c=null,this.#j(),this.#i=!1,this.#o=null,this.#a++,this.#z(),this.#L(),this.#m&&clearTimeout(this.#m),this.#m=null,this.#R(),this.#G(),this.#ee()}attributeChangedCallback(){}get open(){return this.hasAttribute(`open`)}set open(e){e?this.setAttribute(`open`,``):this.removeAttribute(`open`)}get speech(){return this.#u??=s(),this.#u}set speech(e){this.#u=e,this.#d=`unknown`}get device(){return this.#f}set device(e){this.#f=e,hn(e)}get inner(){return this.#T(),this.#e}append(...e){this.#T(),this.#e.append(...e)}#T(){if(this.#t)return;this.#t=!0;let e=this.querySelector(`:scope > .slicc-composer__inner`);if(e instanceof HTMLElement){this.#e=e;return}let t=Array.from(this.childNodes);this.#e=this.ownerDocument.createElement(`div`),this.#e.className=`slicc-composer__inner`,this.#e.setAttribute(`part`,`inner`);for(let e of t)this.#e.appendChild(e);this.appendChild(this.#e)}#E=e=>{if(!this.hasAttribute(`ptt`)||!e.isPrimary||this.#i||e.button!==0||this.#r===`finalizing`||this.#r===`picking`)return;let t=e.target?.closest?.(`textarea`);if(!(t instanceof HTMLTextAreaElement)||!this.contains(t)||t.value!==``)return;this.#i=!0,this.#a++,this.#o=t,this.#s=e.pointerId;try{this.setPointerCapture(e.pointerId)}catch{}let n=this.ownerDocument;n.addEventListener(`pointerup`,this.#M),this.addEventListener(`pointercancel`,this.#N),n.addEventListener(`selectionchange`,this.#D);let r=this.#a;this.#h=setTimeout(()=>{this.#L(),this.#O(this.speech,r)},400)};#D=()=>{if(!this.#h)return;let e=this.ownerDocument.getSelection();!e||e.isCollapsed||e.toString()===``||(this.#i=!1,this.#a++,this.#o=null,this.#L(),this.#z(),this.#R())};async#O(e,t){let n=await Promise.race([e.permission().then(e=>(this.#d=e,e)),new Promise(e=>setTimeout(()=>e(`pending`),cn))]);if(!(t!==this.#a||!this.#i)){if(n===`granted`){this.#A(e,t);return}if(n===`denied`){this.#q(`denied`);return}this.#q(`enable`),this.#m=setTimeout(()=>{this.#m=null,this.#k(e,t)},sn),n===`pending`&&e.permission().then(n=>{this.#d=n,!(t!==this.#a||!this.#i||this.#r!==`enable`)&&(n===`granted`?(this.#I(),this.#A(e,t)):n===`denied`&&(this.#I(),this.#q(`denied`)))})}}#k(e,t){t!==this.#a||!this.#i||this.#r!==`enable`||(this.#v=null,this.#q(`prompting`),fn(e.requestPermission(),ln,Error(`Microphone didn't respond. Check your mic, then hold again.`)).then(n=>{this.#d=n?`granted`:`denied`,n&&e.warmup(),t===this.#a&&(n&&this.#i?this.#A(e,t):n?this.#ee():this.#i?this.#q(`denied`):this.#ee())}).catch(e=>{this.#d=`denied`,t===this.#a&&(this.#i?(this.#v=e instanceof Error?e.message:String(e),this.#q(`denied`)):this.#ee())}))}#A(e,t){this.#r=`recording`,this.#q(`recording`),e.warmup(),this.#g?.(),this.#g=e.onStatus(e=>{this.#_=e,this.#Q()});let n=e.microphones();n.then(e=>{t===this.#a&&(this.#f??(this.#p=o(e)),i(e)&&this.#$(e))}).catch(()=>{});let r=(this.#f==null?fn(n,dn,Error(`microphone enumeration timed out`)).then(e=>o(e)).catch(()=>null):Promise.resolve(this.#f)).then(n=>e.start({deviceId:n??void 0,onPartial:e=>{t===this.#a&&this.#Z(e)},onError:e=>{t===this.#a&&this.#Z(e,!0)}}));this.#l=r,r.then(e=>{if(this.#l===r){if(this.#l=null,t!==this.#a||this.#r!==`recording`){e.cancel();return}this.#c=e}}).catch(e=>{this.#l===r&&(this.#l=null,t===this.#a&&this.#Z(e instanceof Error?e.message:String(e),!0))})}#j(){let e=this.#l;this.#l=null,e&&e.then(e=>e.cancel(),()=>{})}#M=e=>{if(!this.#i||this.#s!=null&&e.pointerId!==this.#s)return;let t=this.#S,n=!1;if(this.#r===`recording`&&t&&!t.hidden)if(e.composedPath().includes(t))n=!0;else{let r=this.ownerDocument.elementFromPoint(e.clientX,e.clientY);n=r!=null&&t.contains(r)}if(n){this.#i=!1,this.#z(),this.#R(),this.#c?.cancel(),this.#c=null,this.#j(),this.#o=null,this.#B();return}this.#P(!0)};#N=e=>{this.#s!=null&&e.pointerId!==this.#s||this.#P(!1)};#P(e){if(!this.#i)return;switch(this.#i=!1,this.#L(),this.#z(),this.#R(),this.#r){case`enable`:this.#I(),this.#o=null,this.#ee();return;case`prompting`:this.#o=null;return;case`denied`:this.#o=null,this.#ee();return;case`recording`:break;default:this.#o=null,this.#ee();return}let t=this.#c;this.#c=null;let n=this.#l;if(this.#l=null,!e){t?.cancel(),n&&n.then(e=>e.cancel(),()=>{}),this.#o=null,this.#ee();return}if(!t&&!n){this.#o=null,this.#ee();return}this.#r=`finalizing`,this.#Z(`Transcribing…`);let r=this.#a;fn((t?Promise.resolve(t):n).then(e=>e.stop()),un,Error(`finalize timed out`)).then(e=>{r===this.#a&&(this.#ee(),this.#F(e))}).catch(()=>{r===this.#a&&(this.#ee(),this.#o=null)})}#F(e){let t=this.#o;if(this.#o=null,!t)return;let n=e.trim();if(!n){t.focus();return}t.value=t.value?/\s$/.test(t.value)?t.value+n:`${t.value} ${n}`:n,t.dispatchEvent(new Event(`input`,{bubbles:!0})),t.focus();let r=t.closest(`slicc-input-card`);r&&typeof r.submit==`function`?r.submit(`dictation`):t.dispatchEvent(new CustomEvent(`submit`,{bubbles:!0,composed:!0,detail:{value:t.value,source:`dictation`}}))}#I(){this.#m&&clearTimeout(this.#m),this.#m=null}#L(){this.#h&&clearTimeout(this.#h),this.#h=null,this.ownerDocument.removeEventListener(`selectionchange`,this.#D)}#R(){this.ownerDocument.removeEventListener(`pointerup`,this.#M),this.removeEventListener(`pointercancel`,this.#N)}#z(){let e=this.#s;if(this.#s=null,e!=null)try{this.releasePointerCapture(e)}catch{}}#B(){this.#r=`picking`,this.#X(`picking`),this.#y&&(this.#y.textContent=`Choose a microphone`),this.#b&&(this.#b.hidden=!0),this.#V();let e=this.ownerDocument;e.addEventListener(`pointerdown`,this.#U,!0),e.addEventListener(`keydown`,this.#W,!0)}#V(){let e=this.#S;if(!e||this.#C)return;let t=T(`div`,{class:`slicc-composer__ptt-device-menu`,role:`menu`}),r=null,i=this.#f??this.#p;for(let e of this.#w){let a=e.deviceId===i,o=T(`button`,{type:`button`,class:`slicc-composer__ptt-device-item`,role:`menuitemradio`,"aria-checked":a?`true`:`false`,"data-device-id":e.deviceId},e.label,T(`span`,{class:`tick`},n(`check`,{size:14})));o.addEventListener(`click`,()=>{this.device=e.deviceId,this.#K()}),(a||!r)&&(r=o),t.appendChild(o)}this.#C=t,e.appendChild(t),this.#H(t,e),r?.focus()}#H(e,t){let n=t.getBoundingClientRect(),r=(window.innerHeight||document.documentElement.clientHeight)-n.bottom-6-8,i=n.top-6-8,a=e.offsetHeight>r&&i>r;e.classList.toggle(`slicc-composer__ptt-device-menu--up`,a);let o=Math.max(a?i:r,0);e.style.maxHeight=`${Math.min(320,o)}px`}#U=e=>{this.#S&&e.composedPath().includes(this.#S)||this.#K()};#W=e=>{e.key===`Escape`&&(e.stopPropagation(),this.#K())};#G(){let e=this.ownerDocument;e.removeEventListener(`pointerdown`,this.#U,!0),e.removeEventListener(`keydown`,this.#W,!0)}#K(){this.#G(),this.#ee()}#q(e){switch(this.#r=e,this.#n||(this.#n=T(`div`,{class:`slicc-composer__ptt`,"data-ptt":!0,role:`button`}),this.appendChild(this.#n)),this.#X(e),e){case`enable`:this.#J(n(`mic`,{size:28}),`Hold to enable push to talk`,this.#Y(`Requesting microphone access when the bar fills`)),this.#n.setAttribute(`aria-label`,`Hold to enable push to talk`);break;case`prompting`:this.#J(n(`mic`,{size:28}),`Allow microphone access in the browser prompt`,this.#Y(`Waiting for permission…`)),this.#n.setAttribute(`aria-label`,`Waiting for microphone permission`);break;case`denied`:{let e=this.#v?`Microphone unavailable`:`Microphone access is blocked`,t=this.#v??`Enable the microphone for this site in your browser settings, then hold again.`;this.#J(n(`mic-off`,{size:28}),e,T(`div`,{class:`slicc-composer__ptt-load-text`},t)),this.#n.setAttribute(`aria-label`,e);break}case`recording`:{this.#S=T(`div`,{class:`slicc-composer__ptt-device`,hidden:!0}),this.#b=T(`div`,{class:`slicc-composer__ptt-caption`,"aria-live":`polite`,hidden:!0}),this.#x=T(`div`,{class:`slicc-composer__ptt-status`,hidden:!0});let e=T(`div`,{class:`slicc-composer__ptt-microw`},T(`div`,{class:`slicc-composer__ptt-mic`},n(`mic`,{size:28})),this.#S);this.#y=T(`div`,{class:`slicc-composer__ptt-label`},`Listening — release to send`),this.#n.replaceChildren(e,this.#y,this.#b,this.#x),this.#n.setAttribute(`aria-label`,`Listening — release to send`),this.#Q();break}}}#J(e,t,n){this.#n&&(this.#y=T(`div`,{class:`slicc-composer__ptt-label`},t),this.#b=null,this.#x=null,this.#S=null,this.#C=null,this.#w=[],this.#n.replaceChildren(T(`div`,{class:`slicc-composer__ptt-mic`},e),this.#y,n))}#Y(e){return T(`div`,{class:`slicc-composer__ptt-load`},T(`span`,{class:`slicc-composer__ptt-load-text`},e),T(`div`,{class:`slicc-composer__ptt-bar`},T(`div`,{class:`slicc-composer__ptt-bar-fill`})))}#X(e){this.#n&&(this.#n.classList.remove(`is-enable`,`is-prompting`,`is-denied`,`is-recording`,`is-finalizing`,`is-picking`),e!==`idle`&&this.#n.classList.add(`is-${e}`))}#Z(e,t=!1){let n=this.#b;if(!n)return;let r=e.trim().split(/\s+/).filter(Boolean);if(r.length===0){n.hidden=!0;return}n.textContent=r.slice(-8).join(` `),n.classList.toggle(`is-error`,t),n.hidden=!1}#Q(){let e=this.#x;if(!e)return;let t=this.#_;if(t?.state===`downloading`){if(t.download){let n=gn(t.download.etaSeconds??null);e.textContent=n?`Better speech recognition downloading · ready in ${n}`:`Better speech recognition downloading…`}else e.textContent=`Preparing enhanced speech…`;e.classList.remove(`is-error`),e.hidden=!1}else t?.state===`ready`&&t.engine===`enhanced`?(e.textContent=`Enhanced speech recognition`,e.classList.remove(`is-error`),e.hidden=!1):t?.state===`unavailable`&&t.message?(e.textContent=t.message,e.classList.add(`is-error`),e.hidden=!1):(e.classList.remove(`is-error`),e.hidden=!0)}#$(e){let t=this.#S;if(!t)return;this.#w=e;let r=T(`button`,{type:`button`,class:`slicc-composer__ptt-device-btn`,"aria-label":`Choose a microphone`,"aria-haspopup":`menu`,title:`Choose a microphone`},n(`chevron-down`,{size:12}));r.addEventListener(`pointerdown`,e=>e.stopPropagation()),t.replaceChildren(r),t.hidden=!1}#ee(){this.#g?.(),this.#g=null,this.#n?.remove(),this.#n=null,this.#y=null,this.#b=null,this.#x=null,this.#S=null,this.#C=null,this.#w=[],this.#p=null,this.#v=null,this.#r=`idle`}});var _n=`
|
|
1643
1643
|
slicc-composer-capture {
|
|
1644
1644
|
position: relative;
|
|
1645
1645
|
display: block;
|
|
@@ -1843,7 +1843,7 @@ slicc-composer-capture .slicc-capture__timer {
|
|
|
1843
1843
|
slicc-composer-capture .slicc-capture__timer[hidden] {
|
|
1844
1844
|
display: none;
|
|
1845
1845
|
}
|
|
1846
|
-
`,on=`slicc-composer-capture-style`;function sn(e){if(e.getElementById(on))return;let t=e.createElement(`style`);t.id=on,t.textContent=an,(e.head??e.documentElement).appendChild(t)}var cn=`photo`,ln=[`video/webm;codecs=vp9,opus`,`video/webm;codecs=vp8,opus`,`video/webm`];function un(){if(typeof MediaRecorder>`u`)return`video/webm`;for(let e of ln)if(MediaRecorder.isTypeSupported?.(e))return e;return`video/webm`}function dn(e){let t=Math.max(0,Math.floor(e/1e3)),n=Math.floor(t/60),r=t%60;return`${n}:${String(r).padStart(2,`0`)}`}b(`slicc-composer-capture`,class extends HTMLElement{static observedAttributes=[`mode`,`preferred-device`,`preferred-audio-device`];media=null;recorderFactory=null;#e;#t;#n;#r;#i;#a;#o;#s;#c;#l=!1;#u=null;#d=null;#f=null;#p=[];#m=0;#h=null;#g=null;#_=e=>{e.key===`Escape`&&this.#g&&this.#L()};connectedCallback(){sn(this.ownerDocument),this.#H(),this.ownerDocument.addEventListener(`keydown`,this.#_)}disconnectedCallback(){if(this.ownerDocument.removeEventListener(`keydown`,this.#_),this.#N(),this.#P(),this.#I(),this.#g){let e=this.#g;this.#g=null,e(null)}}attributeChangedCallback(e,t,n){e===`mode`&&this.#l&&this.#z(n??cn)}get mode(){return this.getAttribute(`mode`)===`video`?`video`:`photo`}set mode(e){e==null?this.removeAttribute(`mode`):this.setAttribute(`mode`,e)}get preferredDevice(){return this.getAttribute(`preferred-device`)}set preferredDevice(e){e==null?this.removeAttribute(`preferred-device`):this.setAttribute(`preferred-device`,e)}get preferredAudioDevice(){return this.getAttribute(`preferred-audio-device`)}set preferredAudioDevice(e){e==null?this.removeAttribute(`preferred-audio-device`):this.setAttribute(`preferred-audio-device`,e)}#v(){return this.media??(typeof navigator<`u`?navigator.mediaDevices:null)??null}#y(e,t){return this.recorderFactory?this.recorderFactory(e,t):new MediaRecorder(e,t)}async open(e){this.#H(),e&&(this.mode=e),this.#z(this.mode);let t=this.#v();if(!t)return null;try{this.#u=await this.#b(t,this.preferredDevice,this.preferredAudioDevice,this.mode)}catch{return null}return this.#S(),this.#C(this.#u),await this.#w(t),await this.#T(t),this.hidden=!1,new Promise(e=>{this.#g=e})}async#b(e,t,n,r){let i=await this.#x(e,n,r);if(t)try{return await e.getUserMedia({video:{deviceId:{exact:t}},audio:i})}catch{}try{return await e.getUserMedia({video:!0,audio:i})}catch(t){if(i===!1)throw t;return this.#r.textContent=`Microphone unavailable — recording video only.`,e.getUserMedia({video:!0,audio:!1})}}async#x(e,t,n){if(n!==`video`)return!1;if(t)return{deviceId:{exact:t}};let r=[];try{r=(await e.enumerateDevices()).filter(e=>e.kind===`audioinput`)}catch{r=[]}let i=o(a(r,`microphone`));return!i||{deviceId:{exact:i}}}#S(){this.#d=this.#u?.getAudioTracks()[0]??null}#C(e){this.#e.srcObject=e,this.#e.muted=!0,this.#e.play?.()?.catch(()=>void 0);let t=e.getVideoTracks()[0]?.getSettings?.().facingMode;this.#e.toggleAttribute(`data-mirrored`,t!==`environment`)}async#w(e){let t=[];try{t=(await e.enumerateDevices()).filter(e=>e.kind===`videoinput`)}catch{t=[]}let n=a(t,`camera`);this.#t.replaceChildren(...n.map(e=>S(`option`,{value:e.deviceId},e.label)));let r=this.#u?.getVideoTracks()[0]?.getSettings?.().deviceId;r&&(this.#t.value=r),this.#t.toggleAttribute(`hidden`,!i(n))}async#T(e){let t=[];try{t=(await e.enumerateDevices()).filter(e=>e.kind===`audioinput`)}catch{t=[]}let n=a(t,`microphone`);this.#n.replaceChildren(...n.map(e=>S(`option`,{value:e.deviceId},e.label)));let r=this.#d?.getSettings?.().deviceId??this.preferredAudioDevice??o(n);r&&n.some(e=>e.deviceId===r)&&(this.#n.value=r),this.#E()}#E(){if(!this.#n)return;let e=this.#n.options.length>=2,t=this.mode===`video`&&e;this.#n.toggleAttribute(`hidden`,!t)}async#D(e){let t=this.#v();if(t){this.#r.textContent=``;try{let n=await t.getUserMedia({video:{deviceId:{exact:e}}});this.#F();let r=n;if(this.mode===`video`&&this.#d&&this.#d.readyState===`live`)r.addTrack(this.#d);else if(this.mode===`video`)try{let e=await t.getUserMedia({audio:await this.#x(t,this.preferredAudioDevice,`video`)});for(let t of e.getAudioTracks())this.#d=t,r.addTrack(t)}catch{this.#r.textContent=`Microphone unavailable — recording video only.`}this.#u=r,this.#C(r),this.dispatchEvent(new CustomEvent(`slicc-capture-device-change`,{detail:{deviceId:e,kind:`camera`},bubbles:!0,composed:!0}))}catch{this.#r.textContent=`Could not switch camera — keeping the current one.`}}}async#O(e){let t=this.#v();if(!t||!this.#u)return;this.#r.textContent=``;let n;try{n=await t.getUserMedia({audio:{deviceId:{exact:e}}})}catch{this.#r.textContent=`Could not switch microphone — keeping the current one.`;return}let r=n.getAudioTracks()[0];if(!r){this.#r.textContent=`Could not switch microphone — keeping the current one.`;return}if(this.#d){try{this.#u.removeTrack(this.#d)}catch{}this.#d.stop()}this.#u.addTrack(r),this.#d=r,this.preferredAudioDevice=e,this.dispatchEvent(new CustomEvent(`slicc-capture-device-change`,{detail:{deviceId:e,kind:`microphone`},bubbles:!0,composed:!0}))}#k(){let e=this.ownerDocument.createElement(`canvas`);if(e.width=this.#e.videoWidth,e.height=this.#e.videoHeight,e.width===0||e.height===0){this.#r.textContent=`No frame yet — give the camera a moment.`;return}e.getContext(`2d`)?.drawImage(this.#e,0,0);let t=`image/png`,n=e.toDataURL(t);this.#R({kind:`image`,dataUrl:n,mimeType:t,width:e.width,height:e.height})}#A(){if(!this.#u||this.#f)return;this.#p=[];let e=un(),t;try{t=this.#y(this.#u,{mimeType:e})}catch{this.#r.textContent=`Recording is not supported in this browser.`;return}t.ondataavailable=e=>{e.data&&e.data.size>0&&this.#p.push(e.data)},t.onstop=()=>this.#M(e);try{t.start()}catch{this.#r.textContent=`Could not start recording.`;return}this.#f=t,this.#m=Date.now(),this.#n.disabled=!0,this.#t.disabled=!0,this.#i.hidden=!1,this.#i.textContent=dn(0),this.#h=setInterval(()=>{this.#i.textContent=dn(Date.now()-this.#m)},250),this.#B()}#j(){let e=this.#f;if(e)try{e.state!==`inactive`&&e.stop()}catch{this.#M(e.mimeType||`video/webm`)}}#M(e){let t=this.#m?Date.now()-this.#m:0;this.#N();let n=this.#f?.mimeType||e||`video/webm`,r=new Blob(this.#p,{type:n});this.#p=[],this.#f=null,this.#n&&(this.#n.disabled=!1),this.#t&&(this.#t.disabled=!1);let i=typeof URL<`u`?URL.createObjectURL(r):void 0;this.#R({kind:`video`,blob:r,dataUrl:i,mimeType:n,width:this.#e.videoWidth,height:this.#e.videoHeight,durationMs:t})}#N(){this.#h!=null&&(clearInterval(this.#h),this.#h=null),this.#i.hidden=!0,this.#i.textContent=``,this.#m=0}#P(){let e=this.#f;if(this.#f=null,this.#p=[],this.#n&&(this.#n.disabled=!1),this.#t&&(this.#t.disabled=!1),e){e.ondataavailable=null,e.onstop=null;try{e.state!==`inactive`&&e.stop()}catch{}}}#F(){for(let e of this.#u?.getVideoTracks()??[])e.stop()}#I(){for(let e of this.#u?.getTracks()??[])e.stop();this.#u=null,this.#d=null,this.#e&&(this.#e.srcObject=null)}#L(){this.dispatchEvent(new CustomEvent(`slicc-capture-cancel`,{bubbles:!0,composed:!0})),this.#R(null)}#R(e){e&&this.dispatchEvent(new CustomEvent(`slicc-capture`,{detail:e,bubbles:!0,composed:!0})),this.#N(),this.#P(),this.#I();let t=this.#g;this.#g=null,this.hidden=!0,t?.(e)}#z(e){let t=e===`video`;this.#s.setAttribute(`aria-pressed`,String(!t)),this.#c.setAttribute(`aria-pressed`,String(t)),this.#r.textContent=t?`Mic on — video will record audio.`:``,this.#B(),this.#E()}#B(){let e=this.#a;if(e.replaceChildren(),this.mode===`photo`){e.className=`slicc-capture__btn slicc-capture__btn--primary`,e.setAttribute(`part`,`snap`),e.setAttribute(`aria-label`,`Snap photo`),e.append(n(`camera`,{size:14}),document.createTextNode(` Snap`));return}this.#f?(e.className=`slicc-capture__btn slicc-capture__btn--rec`,e.setAttribute(`part`,`stop`),e.setAttribute(`aria-label`,`Stop recording`),e.append(S(`span`,{class:`slicc-capture__square`}),document.createTextNode(` Stop`))):(e.className=`slicc-capture__btn slicc-capture__btn--rec`,e.setAttribute(`part`,`record`),e.setAttribute(`aria-label`,`Start recording`),e.append(S(`span`,{class:`slicc-capture__dot`}),document.createTextNode(` Record`)))}#V(){if(this.mode===`photo`){this.#k();return}this.#f?this.#j():this.#A()}#H(){if(this.#l)return;this.#l=!0,this.#e=S(`video`,{class:`slicc-capture__video`,part:`video`,autoplay:!0,muted:!0,playsinline:!0}),this.#e.muted=!0,this.#r=S(`div`,{class:`slicc-capture__status`}),this.#t=S(`select`,{class:`slicc-capture__select`,part:`picker`,"aria-label":`Camera`,hidden:!0}),this.#t.addEventListener(`change`,()=>{this.#D(this.#t.value)}),this.#n=S(`select`,{class:`slicc-capture__select`,part:`audio-picker`,"aria-label":`Microphone`,hidden:!0}),this.#n.addEventListener(`change`,()=>{this.#O(this.#n.value)}),this.#s=S(`button`,{type:`button`,class:`slicc-capture__mode-btn`,part:`mode`,"aria-pressed":`true`,"aria-label":`Photo`},n(`image`,{size:14})),this.#s.addEventListener(`click`,()=>{this.mode=`photo`}),this.#c=S(`button`,{type:`button`,class:`slicc-capture__mode-btn`,part:`mode`,"aria-pressed":`false`,"aria-label":`Video`},n(`video`,{size:14})),this.#c.addEventListener(`click`,()=>{this.#U()});let e=S(`div`,{class:`slicc-capture__mode`,role:`group`,"aria-label":`Capture mode`},this.#s,this.#c);this.#i=S(`span`,{class:`slicc-capture__timer`,hidden:!0}),this.#o=S(`button`,{type:`button`,class:`slicc-capture__close`,part:`cancel`,"aria-label":`Cancel`},n(`x`,{size:14})),this.#o.addEventListener(`click`,()=>this.#L()),this.#a=S(`button`,{type:`button`,class:`slicc-capture__btn slicc-capture__btn--primary`,part:`snap`,"aria-label":`Snap photo`}),this.#a.addEventListener(`click`,()=>this.#V());let t=S(`div`,{class:`slicc-capture__bar`},this.#t,this.#n,S(`span`,{class:`slicc-capture__spacer`}),this.#i,this.#a,e);this.replaceChildren(this.#e,this.#r,t,this.#o),this.#z(this.mode)}async#U(){if(this.mode=`video`,!this.#u||this.#u.getAudioTracks().length>0)return;let e=this.#v();if(!e)return;let t=this.#u.getVideoTracks()[0]?.getSettings?.().deviceId??this.preferredDevice??null,n=await this.#x(e,this.preferredAudioDevice,`video`);try{let r=t?await e.getUserMedia({video:{deviceId:{exact:t}},audio:n}):await e.getUserMedia({video:!0,audio:n});this.#I(),this.#u=r,this.#S(),this.#C(r),await this.#T(e)}catch{this.#r.textContent=`Microphone unavailable — recording video only.`}}});var fn=[`off`,`low`,`medium`,`high`,`xhigh`,`max`],pn={off:{label:`Secco`,gloss:`bone dry — not a drop (ask any prosecco)`,tint:`var(--txt-3)`},low:{label:`Goccia`,gloss:`one drop — bar-speak: «macchiato, solo una goccia»`,tint:`color-mix(in srgb, var(--violet) 20%, var(--txt-3))`},medium:{label:`Bagnato`,gloss:`properly wet`,tint:`color-mix(in srgb, var(--violet) 40%, var(--txt-3))`},high:{label:`Affogato`,gloss:`drowned — the menu item itself`,tint:`color-mix(in srgb, var(--violet) 60%, var(--txt-3))`},xhigh:{label:`Inzuppato`,gloss:`soaked through, biscotto-style`,tint:`color-mix(in srgb, var(--violet) 80%, var(--txt-3))`},max:{label:`Sprofondato`,gloss:`sunk to the bottom`,tint:`var(--violet)`}},mn=`max`,hn=`Opus 4.8`,gn=[{name:`Opus 4.8`,provider:`Anthropic`,id:`claude-opus-4-8`},{name:`Sonnet 4.6`,provider:`Anthropic`,id:`claude-sonnet-4-6`},{name:`Haiku 4.5`,provider:`Anthropic`,id:`claude-haiku-4-5`}],_n=8;function vn(e){let t=typeof e==`string`?{name:e}:e;return{...t,name:t.name,id:t.id??t.name}}var yn=`max`,bn=13;function xn(){return n(`sparkles`,{size:bn,class:`ic`,part:`model-icon`})}function Sn(){return n(`brain`,{size:bn,class:`brain`,part:`brain`})}function Cn(){return n(`chevron-down`,{size:11,part:`caret`})}var k=`http://www.w3.org/2000/svg`;function wn(){let e=document.createElementNS(k,`svg`);e.setAttribute(`width`,`0`),e.setAttribute(`height`,`0`),e.setAttribute(`aria-hidden`,`true`),e.setAttribute(`style`,`position:absolute`);let t=document.createElementNS(k,`defs`),n=document.createElementNS(k,`linearGradient`);n.setAttribute(`id`,`meta-rainbow`),n.setAttribute(`x1`,`0`),n.setAttribute(`y1`,`0`),n.setAttribute(`x2`,`1`),n.setAttribute(`y2`,`0`);for(let[e,t]of[[`0%`,`#f43f5e`],[`28%`,`#f59e0b`],[`64%`,`#06b6d4`],[`100%`,`#8b5cf6`]]){let r=document.createElementNS(k,`stop`);r.setAttribute(`offset`,e),r.setAttribute(`stop-color`,t),n.appendChild(r)}return t.appendChild(n),e.appendChild(t),e}var Tn=C(`
|
|
1846
|
+
`,vn=`slicc-composer-capture-style`;function yn(e){if(e.getElementById(vn))return;let t=e.createElement(`style`);t.id=vn,t.textContent=_n,(e.head??e.documentElement).appendChild(t)}var bn=`photo`,xn=[`video/webm;codecs=vp9,opus`,`video/webm;codecs=vp8,opus`,`video/webm`];function Sn(){if(typeof MediaRecorder>`u`)return`video/webm`;for(let e of xn)if(MediaRecorder.isTypeSupported?.(e))return e;return`video/webm`}function Cn(e){let t=Math.max(0,Math.floor(e/1e3)),n=Math.floor(t/60),r=t%60;return`${n}:${String(r).padStart(2,`0`)}`}C(`slicc-composer-capture`,class extends HTMLElement{static observedAttributes=[`mode`,`preferred-device`,`preferred-audio-device`];media=null;recorderFactory=null;#e;#t;#n;#r;#i;#a;#o;#s;#c;#l=!1;#u=null;#d=null;#f=null;#p=[];#m=0;#h=null;#g=null;#_=e=>{e.key===`Escape`&&this.#g&&this.#L()};connectedCallback(){yn(this.ownerDocument),this.#H(),this.ownerDocument.addEventListener(`keydown`,this.#_)}disconnectedCallback(){if(this.ownerDocument.removeEventListener(`keydown`,this.#_),this.#N(),this.#P(),this.#I(),this.#g){let e=this.#g;this.#g=null,e(null)}}attributeChangedCallback(e,t,n){e===`mode`&&this.#l&&this.#z(n??bn)}get mode(){return this.getAttribute(`mode`)===`video`?`video`:`photo`}set mode(e){e==null?this.removeAttribute(`mode`):this.setAttribute(`mode`,e)}get preferredDevice(){return this.getAttribute(`preferred-device`)}set preferredDevice(e){e==null?this.removeAttribute(`preferred-device`):this.setAttribute(`preferred-device`,e)}get preferredAudioDevice(){return this.getAttribute(`preferred-audio-device`)}set preferredAudioDevice(e){e==null?this.removeAttribute(`preferred-audio-device`):this.setAttribute(`preferred-audio-device`,e)}#v(){return this.media??(typeof navigator<`u`?navigator.mediaDevices:null)??null}#y(e,t){return this.recorderFactory?this.recorderFactory(e,t):new MediaRecorder(e,t)}async open(e){this.#H(),e&&(this.mode=e),this.#z(this.mode);let t=this.#v();if(!t)return null;try{this.#u=await this.#b(t,this.preferredDevice,this.preferredAudioDevice,this.mode)}catch{return null}return this.#S(),this.#C(this.#u),await this.#w(t),await this.#T(t),this.hidden=!1,new Promise(e=>{this.#g=e})}async#b(e,t,n,r){let i=await this.#x(e,n,r);if(t)try{return await e.getUserMedia({video:{deviceId:{exact:t}},audio:i})}catch{}try{return await e.getUserMedia({video:!0,audio:i})}catch(t){if(i===!1)throw t;return this.#r.textContent=`Microphone unavailable — recording video only.`,e.getUserMedia({video:!0,audio:!1})}}async#x(e,t,n){if(n!==`video`)return!1;if(t)return{deviceId:{exact:t}};let r=[];try{r=(await e.enumerateDevices()).filter(e=>e.kind===`audioinput`)}catch{r=[]}let i=o(a(r,`microphone`));return!i||{deviceId:{exact:i}}}#S(){this.#d=this.#u?.getAudioTracks()[0]??null}#C(e){this.#e.srcObject=e,this.#e.muted=!0,this.#e.play?.()?.catch(()=>void 0);let t=e.getVideoTracks()[0]?.getSettings?.().facingMode;this.#e.toggleAttribute(`data-mirrored`,t!==`environment`)}async#w(e){let t=[];try{t=(await e.enumerateDevices()).filter(e=>e.kind===`videoinput`)}catch{t=[]}let n=a(t,`camera`);this.#t.replaceChildren(...n.map(e=>T(`option`,{value:e.deviceId},e.label)));let r=this.#u?.getVideoTracks()[0]?.getSettings?.().deviceId;r&&(this.#t.value=r),this.#t.toggleAttribute(`hidden`,!i(n))}async#T(e){let t=[];try{t=(await e.enumerateDevices()).filter(e=>e.kind===`audioinput`)}catch{t=[]}let n=a(t,`microphone`);this.#n.replaceChildren(...n.map(e=>T(`option`,{value:e.deviceId},e.label)));let r=this.#d?.getSettings?.().deviceId??this.preferredAudioDevice??o(n);r&&n.some(e=>e.deviceId===r)&&(this.#n.value=r),this.#E()}#E(){if(!this.#n)return;let e=this.#n.options.length>=2,t=this.mode===`video`&&e;this.#n.toggleAttribute(`hidden`,!t)}async#D(e){let t=this.#v();if(t){this.#r.textContent=``;try{let n=await t.getUserMedia({video:{deviceId:{exact:e}}});this.#F();let r=n;if(this.mode===`video`&&this.#d&&this.#d.readyState===`live`)r.addTrack(this.#d);else if(this.mode===`video`)try{let e=await t.getUserMedia({audio:await this.#x(t,this.preferredAudioDevice,`video`)});for(let t of e.getAudioTracks())this.#d=t,r.addTrack(t)}catch{this.#r.textContent=`Microphone unavailable — recording video only.`}this.#u=r,this.#C(r),this.dispatchEvent(new CustomEvent(`slicc-capture-device-change`,{detail:{deviceId:e,kind:`camera`},bubbles:!0,composed:!0}))}catch{this.#r.textContent=`Could not switch camera — keeping the current one.`}}}async#O(e){let t=this.#v();if(!t||!this.#u)return;this.#r.textContent=``;let n;try{n=await t.getUserMedia({audio:{deviceId:{exact:e}}})}catch{this.#r.textContent=`Could not switch microphone — keeping the current one.`;return}let r=n.getAudioTracks()[0];if(!r){this.#r.textContent=`Could not switch microphone — keeping the current one.`;return}if(this.#d){try{this.#u.removeTrack(this.#d)}catch{}this.#d.stop()}this.#u.addTrack(r),this.#d=r,this.preferredAudioDevice=e,this.dispatchEvent(new CustomEvent(`slicc-capture-device-change`,{detail:{deviceId:e,kind:`microphone`},bubbles:!0,composed:!0}))}#k(){let e=this.ownerDocument.createElement(`canvas`);if(e.width=this.#e.videoWidth,e.height=this.#e.videoHeight,e.width===0||e.height===0){this.#r.textContent=`No frame yet — give the camera a moment.`;return}e.getContext(`2d`)?.drawImage(this.#e,0,0);let t=`image/png`,n=e.toDataURL(t);this.#R({kind:`image`,dataUrl:n,mimeType:t,width:e.width,height:e.height})}#A(){if(!this.#u||this.#f)return;this.#p=[];let e=Sn(),t;try{t=this.#y(this.#u,{mimeType:e})}catch{this.#r.textContent=`Recording is not supported in this browser.`;return}t.ondataavailable=e=>{e.data&&e.data.size>0&&this.#p.push(e.data)},t.onstop=()=>this.#M(e);try{t.start()}catch{this.#r.textContent=`Could not start recording.`;return}this.#f=t,this.#m=Date.now(),this.#n.disabled=!0,this.#t.disabled=!0,this.#i.hidden=!1,this.#i.textContent=Cn(0),this.#h=setInterval(()=>{this.#i.textContent=Cn(Date.now()-this.#m)},250),this.#B()}#j(){let e=this.#f;if(e)try{e.state!==`inactive`&&e.stop()}catch{this.#M(e.mimeType||`video/webm`)}}#M(e){let t=this.#m?Date.now()-this.#m:0;this.#N();let n=this.#f?.mimeType||e||`video/webm`,r=new Blob(this.#p,{type:n});this.#p=[],this.#f=null,this.#n&&(this.#n.disabled=!1),this.#t&&(this.#t.disabled=!1);let i=typeof URL<`u`?URL.createObjectURL(r):void 0;this.#R({kind:`video`,blob:r,dataUrl:i,mimeType:n,width:this.#e.videoWidth,height:this.#e.videoHeight,durationMs:t})}#N(){this.#h!=null&&(clearInterval(this.#h),this.#h=null),this.#i.hidden=!0,this.#i.textContent=``,this.#m=0}#P(){let e=this.#f;if(this.#f=null,this.#p=[],this.#n&&(this.#n.disabled=!1),this.#t&&(this.#t.disabled=!1),e){e.ondataavailable=null,e.onstop=null;try{e.state!==`inactive`&&e.stop()}catch{}}}#F(){for(let e of this.#u?.getVideoTracks()??[])e.stop()}#I(){for(let e of this.#u?.getTracks()??[])e.stop();this.#u=null,this.#d=null,this.#e&&(this.#e.srcObject=null)}#L(){this.dispatchEvent(new CustomEvent(`slicc-capture-cancel`,{bubbles:!0,composed:!0})),this.#R(null)}#R(e){e&&this.dispatchEvent(new CustomEvent(`slicc-capture`,{detail:e,bubbles:!0,composed:!0})),this.#N(),this.#P(),this.#I();let t=this.#g;this.#g=null,this.hidden=!0,t?.(e)}#z(e){let t=e===`video`;this.#s.setAttribute(`aria-pressed`,String(!t)),this.#c.setAttribute(`aria-pressed`,String(t)),this.#r.textContent=t?`Mic on — video will record audio.`:``,this.#B(),this.#E()}#B(){let e=this.#a;if(e.replaceChildren(),this.mode===`photo`){e.className=`slicc-capture__btn slicc-capture__btn--primary`,e.setAttribute(`part`,`snap`),e.setAttribute(`aria-label`,`Snap photo`),e.append(n(`camera`,{size:14}),document.createTextNode(` Snap`));return}this.#f?(e.className=`slicc-capture__btn slicc-capture__btn--rec`,e.setAttribute(`part`,`stop`),e.setAttribute(`aria-label`,`Stop recording`),e.append(T(`span`,{class:`slicc-capture__square`}),document.createTextNode(` Stop`))):(e.className=`slicc-capture__btn slicc-capture__btn--rec`,e.setAttribute(`part`,`record`),e.setAttribute(`aria-label`,`Start recording`),e.append(T(`span`,{class:`slicc-capture__dot`}),document.createTextNode(` Record`)))}#V(){if(this.mode===`photo`){this.#k();return}this.#f?this.#j():this.#A()}#H(){if(this.#l)return;this.#l=!0,this.#e=T(`video`,{class:`slicc-capture__video`,part:`video`,autoplay:!0,muted:!0,playsinline:!0}),this.#e.muted=!0,this.#r=T(`div`,{class:`slicc-capture__status`}),this.#t=T(`select`,{class:`slicc-capture__select`,part:`picker`,"aria-label":`Camera`,hidden:!0}),this.#t.addEventListener(`change`,()=>{this.#D(this.#t.value)}),this.#n=T(`select`,{class:`slicc-capture__select`,part:`audio-picker`,"aria-label":`Microphone`,hidden:!0}),this.#n.addEventListener(`change`,()=>{this.#O(this.#n.value)}),this.#s=T(`button`,{type:`button`,class:`slicc-capture__mode-btn`,part:`mode`,"aria-pressed":`true`,"aria-label":`Photo`},n(`image`,{size:14})),this.#s.addEventListener(`click`,()=>{this.mode=`photo`}),this.#c=T(`button`,{type:`button`,class:`slicc-capture__mode-btn`,part:`mode`,"aria-pressed":`false`,"aria-label":`Video`},n(`video`,{size:14})),this.#c.addEventListener(`click`,()=>{this.#U()});let e=T(`div`,{class:`slicc-capture__mode`,role:`group`,"aria-label":`Capture mode`},this.#s,this.#c);this.#i=T(`span`,{class:`slicc-capture__timer`,hidden:!0}),this.#o=T(`button`,{type:`button`,class:`slicc-capture__close`,part:`cancel`,"aria-label":`Cancel`},n(`x`,{size:14})),this.#o.addEventListener(`click`,()=>this.#L()),this.#a=T(`button`,{type:`button`,class:`slicc-capture__btn slicc-capture__btn--primary`,part:`snap`,"aria-label":`Snap photo`}),this.#a.addEventListener(`click`,()=>this.#V());let t=T(`div`,{class:`slicc-capture__bar`},this.#t,this.#n,T(`span`,{class:`slicc-capture__spacer`}),this.#i,this.#a,e);this.replaceChildren(this.#e,this.#r,t,this.#o),this.#z(this.mode)}async#U(){if(this.mode=`video`,!this.#u||this.#u.getAudioTracks().length>0)return;let e=this.#v();if(!e)return;let t=this.#u.getVideoTracks()[0]?.getSettings?.().deviceId??this.preferredDevice??null,n=await this.#x(e,this.preferredAudioDevice,`video`);try{let r=t?await e.getUserMedia({video:{deviceId:{exact:t}},audio:n}):await e.getUserMedia({video:!0,audio:n});this.#I(),this.#u=r,this.#S(),this.#C(r),await this.#T(e)}catch{this.#r.textContent=`Microphone unavailable — recording video only.`}}});var wn=[`off`,`low`,`medium`,`high`,`xhigh`,`max`],Tn={off:{label:`Secco`,gloss:`bone dry — not a drop (ask any prosecco)`,tint:`var(--txt-3)`},low:{label:`Goccia`,gloss:`one drop — bar-speak: «macchiato, solo una goccia»`,tint:`color-mix(in srgb, var(--violet) 20%, var(--txt-3))`},medium:{label:`Bagnato`,gloss:`properly wet`,tint:`color-mix(in srgb, var(--violet) 40%, var(--txt-3))`},high:{label:`Affogato`,gloss:`drowned — the menu item itself`,tint:`color-mix(in srgb, var(--violet) 60%, var(--txt-3))`},xhigh:{label:`Inzuppato`,gloss:`soaked through, biscotto-style`,tint:`color-mix(in srgb, var(--violet) 80%, var(--txt-3))`},max:{label:`Sprofondato`,gloss:`sunk to the bottom`,tint:`var(--violet)`}},En=`max`,Dn=`Opus 4.8`,On=[{name:`Opus 4.8`,provider:`Anthropic`,id:`claude-opus-4-8`},{name:`Sonnet 4.6`,provider:`Anthropic`,id:`claude-sonnet-4-6`},{name:`Haiku 4.5`,provider:`Anthropic`,id:`claude-haiku-4-5`}],kn=8;function An(e){let t=typeof e==`string`?{name:e}:e;return{...t,name:t.name,id:t.id??t.name}}var jn=`max`,Mn=13;function Nn(){return n(`sparkles`,{size:Mn,class:`ic`,part:`model-icon`})}function Pn(){return n(`brain`,{size:Mn,class:`brain`,part:`brain`})}function Fn(){return n(`chevron-down`,{size:11,part:`caret`})}var j=`http://www.w3.org/2000/svg`;function In(){let e=document.createElementNS(j,`svg`);e.setAttribute(`width`,`0`),e.setAttribute(`height`,`0`),e.setAttribute(`aria-hidden`,`true`),e.setAttribute(`style`,`position:absolute`);let t=document.createElementNS(j,`defs`),n=document.createElementNS(j,`linearGradient`);n.setAttribute(`id`,`meta-rainbow`),n.setAttribute(`x1`,`0`),n.setAttribute(`y1`,`0`),n.setAttribute(`x2`,`1`),n.setAttribute(`y2`,`0`);for(let[e,t]of[[`0%`,`#f43f5e`],[`28%`,`#f59e0b`],[`64%`,`#06b6d4`],[`100%`,`#8b5cf6`]]){let r=document.createElementNS(j,`stop`);r.setAttribute(`offset`,e),r.setAttribute(`stop-color`,t),n.appendChild(r)}return t.appendChild(n),e.appendChild(t),e}var Ln=E(`
|
|
1847
1847
|
:host{display:block;}
|
|
1848
1848
|
*{box-sizing:border-box;}
|
|
1849
1849
|
.meta{display:flex;align-items:center;gap:8px;max-width:680px;margin:11px auto 0;font-family:var(--ui);}
|
|
@@ -1900,7 +1900,7 @@ slicc-composer-capture .slicc-capture__timer[hidden] {
|
|
|
1900
1900
|
/* Narrow / extension-sidebar: the ⏎ / ⇧⏎ keyboard hints don't fit (and touch
|
|
1901
1901
|
users have no keyboard) — drop them regardless of the narrow-chat attribute. */
|
|
1902
1902
|
@media (max-width: 560px){ .hint{display:none;} }
|
|
1903
|
-
`);
|
|
1903
|
+
`);C(`slicc-composer-meta`,class extends HTMLElement{static observedAttributes=[`model`,`thinking`,`narrow`,`no-thinking`];#e;#t=null;#n=null;#r=null;#i=null;#a=null;#o=null;#s=null;#c=null;#l=!1;#u=!1;#d=``;#f=e=>{let t=e.composedPath();this.#l&&!t.includes(this)&&this.#S(),this.#u&&!t.includes(this)&&this.#D()};#p=e=>{e.key===`Escape`&&(this.#l&&(e.stopPropagation(),this.#S(),this.#r?.focus()),this.#u&&(e.stopPropagation(),this.#D(),this.#i?.focus()))};constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[Ln]}connectedCallback(){this.#g()}disconnectedCallback(){this.#y(),document.removeEventListener(`mousedown`,this.#f),document.removeEventListener(`keydown`,this.#p,!0)}attributeChangedCallback(){this.isConnected&&this.#g()}get model(){return this.getAttribute(`model`)??Dn}set model(e){e==null?this.removeAttribute(`model`):this.setAttribute(`model`,e)}get models(){return(this.#c??[...On]).map(e=>typeof e==`string`?e:{...e})}set models(e){this.#c=Array.isArray(e)?e.slice():null,this.isConnected&&this.#g()}get#m(){return(this.#c??On).map(An)}get#h(){return this.#c!==null&&this.#c.length===0}get thinking(){let e=this.getAttribute(`thinking`);return wn.includes(e??``)?e:jn}set thinking(e){this.setAttribute(`thinking`,e)}get narrow(){return this.hasAttribute(`narrow`)}set narrow(e){this.toggleAttribute(`narrow`,e)}get noThinking(){return this.hasAttribute(`no-thinking`)}set noThinking(e){this.toggleAttribute(`no-thinking`,e)}get accented(){return this.thinking===En}#g(){this.#y();let e=this.model,t=this.thinking,r=Tn[t],i=t===En,a=this.#h,o=a?T(`button`,{type:`button`,class:`ctl msel`,part:`model`},Nn(),` `,`Add AI`):T(`button`,{type:`button`,class:`ctl msel`,part:`model`,"aria-haspopup":`menu`,"aria-expanded":`false`},Nn(),` `,e,` `,T(`span`,{class:`cx`},Fn())),s=T(`div`,{class:`menu`,part:`model-menu`,role:`menu`});if(this.#m.length>kn){let e=T(`input`,{class:`msearch`,part:`model-search`,type:`text`,placeholder:`Search models…`,"aria-label":`Search models`});e.value=this.#d,e.addEventListener(`input`,()=>{this.#d=e.value,this.#_()}),e.addEventListener(`click`,e=>e.stopPropagation()),s.append(e)}this.#s=T(`div`,{class:`mlist`,role:`none`}),s.append(this.#s);let c=T(`div`,{class:`mwrap`},o,s),l=!this.noThinking&&!a,u=null;if(l){let e=Pn();e.style.color=r.tint;let a=T(`button`,{type:`button`,class:`ctl tsel${i?` x`:``}`,part:`thinking`,title:r.gloss,"aria-haspopup":`menu`,"aria-expanded":`false`},e,` `,T(`span`,{class:`tlabel`},r.label),` `,T(`span`,{class:`cx`},Fn()));a.style.setProperty(`--tw`,r.tint);let o=T(`div`,{class:`menu tmenu`,part:`thinking-menu`,role:`menu`}),s=T(`div`,{class:`mlist`,role:`none`});for(let e of wn){let r=Tn[e],i=T(`button`,{type:`button`,class:`mitem titem`,role:`menuitemradio`,"data-level":e,"aria-selected":e===t?`true`:`false`,title:r.gloss},T(`span`,{class:`mname`},r.label),T(`span`,{class:`tick`},n(`check`,{size:14})));i.addEventListener(`click`,()=>this.#k(e)),s.append(i)}o.append(s),u=T(`div`,{class:`twrap`},a,o)}let d=T(`slot`,{name:`hint`});w(d,[T(`span`,{class:`kbd`},`⏎`),` send `,T(`span`,{class:`sep`}),` `,T(`span`,{class:`kbd`},`⇧⏎`),` newline`]);let f=T(`div`,{class:`meta`,part:`meta`},c,u??!1,T(`div`,{class:`mspacer`}),T(`span`,{class:`hint`,part:`hint`},d));this.#e.replaceChildren(In(),f),this.#a=c,this.#o=this.#e.querySelector(`.twrap`),this.#r=this.#e.querySelector(`.msel`),this.#i=this.#e.querySelector(`.tsel`),this.#_(),this.#C(),this.#O(),this.#v()}#_(){let e=this.#s;if(!e)return;let t=this.#d.trim().toLowerCase(),r=this.#m.filter(e=>!t||`${e.name} ${e.provider??``}`.toLowerCase().includes(t)),i=this.model,a=[];for(let e of r){let t=e.name===i,r=T(`button`,{type:`button`,class:`mitem`,role:`menuitemradio`,"data-id":e.id,"aria-selected":t?`true`:`false`},T(`span`,{class:`mname`},e.name),e.provider?T(`span`,{class:`mprov`},e.provider):!1,T(`span`,{class:`tick`},n(`check`,{size:14})));r.addEventListener(`click`,()=>this.#w(e.id)),a.push(r)}e.replaceChildren(...a.length?a:[T(`div`,{class:`mempty`},`No models match.`)])}#v(){this.#r&&(this.#t=e=>{if(e.stopPropagation(),this.#h){this.dispatchEvent(new CustomEvent(`add-ai`,{bubbles:!0,composed:!0}));return}this.#b()},this.#r.addEventListener(`click`,this.#t)),this.#i&&(this.#n=()=>this.#T(),this.#i.addEventListener(`click`,this.#n))}#y(){this.#r&&this.#t&&this.#r.removeEventListener(`click`,this.#t),this.#i&&this.#n&&this.#i.removeEventListener(`click`,this.#n),this.#t=null,this.#n=null,this.#r=null,this.#i=null,this.#a=null,this.#o=null,this.#s=null}get menuOpen(){return this.#l}openMenu(){this.#h||this.#x()}#b(){this.#l?this.#S():this.#x()}#x(){if(this.#l)return;this.#D(),this.#l=!0,this.#d=``,this.#_(),this.#C();let e=this.#e.querySelector(`.msearch`);e&&(e.value=``,requestAnimationFrame(()=>e.focus())),document.addEventListener(`mousedown`,this.#f),document.addEventListener(`keydown`,this.#p,!0)}#S(){this.#l&&(this.#l=!1,this.#C(),this.#u||(document.removeEventListener(`mousedown`,this.#f),document.removeEventListener(`keydown`,this.#p,!0)))}#C(){this.#a?.classList.toggle(`open`,this.#l),this.#r?.setAttribute(`aria-expanded`,this.#l?`true`:`false`)}#w(e){let t=this.#m.find(t=>t.id===e)??{name:e,id:e,provider:void 0};this.#S(),t.name!==this.model&&(this.model=t.name),this.dispatchEvent(new CustomEvent(`model-change`,{detail:{model:t.name,provider:t.provider,id:t.id},bubbles:!0,composed:!0}))}#T(){this.#u?this.#D():this.#E()}#E(){this.#u||(this.#S(),this.#u=!0,this.#O(),document.addEventListener(`mousedown`,this.#f),document.addEventListener(`keydown`,this.#p,!0))}#D(){this.#u&&(this.#u=!1,this.#O(),this.#l||(document.removeEventListener(`mousedown`,this.#f),document.removeEventListener(`keydown`,this.#p,!0)))}#O(){this.#o?.classList.toggle(`open`,this.#u),this.#i?.setAttribute(`aria-expanded`,this.#u?`true`:`false`)}#k(e){this.#D(),this.thinking=e,this.dispatchEvent(new CustomEvent(`thinking-change`,{detail:{thinking:e,label:Tn[e].label,accented:e===En},bubbles:!0,composed:!0}))}});async function Rn(e){let t=new TextEncoder().encode(e),n=await crypto.subtle.digest(`SHA-256`,t);return Array.from(new Uint8Array(n)).map(e=>e.toString(16).padStart(2,`0`)).join(``)}async function zn(e,t={}){let n=(e??``).trim().toLowerCase();if(n===``)return null;let r=await Rn(n),i=t.size??80,a=t.fallback??`mp`;return`https://www.gravatar.com/avatar/${r}?s=${i}&d=${encodeURIComponent(a)}`}var Bn=E(`
|
|
1904
1904
|
:host { display: inline-flex; }
|
|
1905
1905
|
:host([hidden]) { display: none; }
|
|
1906
1906
|
|
|
@@ -2103,7 +2103,7 @@ slicc-composer-capture .slicc-capture__timer[hidden] {
|
|
|
2103
2103
|
}
|
|
2104
2104
|
.glyph.is-press { transform: none; }
|
|
2105
2105
|
}
|
|
2106
|
-
`),
|
|
2106
|
+
`),Vn=18,Hn=72,Un=`http://www.w3.org/2000/svg`,Wn=15,Gn=.25;function Kn(e){let t=document.createElementNS(Un,`svg`);t.setAttribute(`width`,`36`),t.setAttribute(`height`,`36`),t.setAttribute(`viewBox`,`0 0 36 36`),t.setAttribute(`fill`,`none`),t.setAttribute(`aria-hidden`,`true`);let n=2*Math.PI*Wn,r=e=>{let t=document.createElementNS(Un,`circle`);return t.setAttribute(`cx`,`18`),t.setAttribute(`cy`,`18`),t.setAttribute(`r`,String(Wn)),t.setAttribute(`fill`,`none`),t.setAttribute(`stroke-width`,`2.5`),t.setAttribute(`stroke-linecap`,`round`),t.setAttribute(`class`,e),t};t.appendChild(r(`ring-track`));let i=r(`ring-arc`),a=e==null?Gn:Math.max(0,Math.min(1,e));return i.setAttribute(`stroke-dasharray`,`${n*a} ${n}`),e!=null&&i.setAttribute(`transform`,`rotate(-90 18 18)`),t.appendChild(i),t}function qn(e){return e===`tool`?`tool`:`thinking`}function Jn(e){if(e==null||e.trim()===``)return null;let t=Number(e);return Number.isFinite(t)?Math.max(0,Math.min(1,t)):null}C(`slicc-send-button`,class extends HTMLElement{static observedAttributes=[`disabled`,`busy`,`phase`,`progress`,`email`,`src`,`label`];#e;#t=null;#n=0;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[Bn]}connectedCallback(){this.#d()}attributeChangedCallback(){this.isConnected&&this.#d()}get disabled(){return this.hasAttribute(`disabled`)}set disabled(e){this.toggleAttribute(`disabled`,!!e)}get busy(){return this.hasAttribute(`busy`)}set busy(e){this.toggleAttribute(`busy`,!!e)}get phase(){return qn(this.getAttribute(`phase`))}set phase(e){this.setAttribute(`phase`,qn(e))}get progress(){return Jn(this.getAttribute(`progress`))}set progress(e){e==null?this.removeAttribute(`progress`):this.setAttribute(`progress`,String(e))}get email(){return this.getAttribute(`email`)}set email(e){e==null?this.removeAttribute(`email`):this.setAttribute(`email`,e)}get src(){return this.getAttribute(`src`)}set src(e){e==null?this.removeAttribute(`src`):this.setAttribute(`src`,e)}get label(){return this.getAttribute(`label`)}set label(e){e==null?this.removeAttribute(`label`):this.setAttribute(`label`,e)}#r=()=>{if(!this.disabled){if(this.busy){this.dispatchEvent(new CustomEvent(`stop`,{bubbles:!0,composed:!0}));return}this.#l(),this.dispatchEvent(new CustomEvent(`send`,{bubbles:!0,composed:!0}))}};#i(){return this.#e.querySelector(`.glyph`)}#a=()=>{this.disabled||this.busy||this.#i()?.classList.add(`is-hover`)};#o=()=>{this.#i()?.classList.remove(`is-hover`,`is-press`)};#s=()=>{if(this.disabled||this.busy)return;let e=this.#i();e?.classList.add(`is-press`),e?.classList.remove(`is-hover`)};#c=()=>{this.#i()?.classList.remove(`is-press`)};#l(){let e=this.#e.querySelector(`.glyph`);e&&(e.classList.remove(`is-whoosh`),e.offsetWidth,e.classList.add(`is-whoosh`),e.addEventListener(`animationend`,()=>e.classList.remove(`is-whoosh`),{once:!0}))}#u(){let e=++this.#n;if(!this.#t)return;let t=t=>{if(e!==this.#n)return;let n=this.#t;if(n)if(n.querySelector(`.face`)?.remove(),t){let e=document.createElement(`img`);e.className=`face`,e.setAttribute(`part`,`face`),e.alt=``,e.src=t,n.prepend(e),n.classList.add(`has-face`)}else n.classList.remove(`has-face`)},n=this.src;if(n){t(n);return}let r=this.email;if(!r||r.trim()===``){t(null);return}t(null),zn(r,{size:Hn}).then(t).catch(()=>t(null))}#d(){let e=this.busy,t=this.disabled,r=e&&this.phase===`tool`,i=this.label??(e?`Stop`:`Send`),a;if(r){let e=this.progress,t=e==null;a=T(`slot`,{name:`busy`},T(`span`,{class:`stop`,part:`stop`},n(`square`,{size:Vn})),T(`span`,{class:`spinner${t?` is-indeterminate`:``}`,part:`spinner`},Kn(e)))}else a=e?T(`slot`,{name:`busy`},T(`span`,{class:`stop`,part:`stop`},n(`square`,{size:Vn}),T(`span`,{class:`stop-fill`},n(`square`,{size:Vn})))):T(`slot`,null,T(`span`,{class:`glyph`,part:`glyph`},n(`arrow-up`,{size:Vn})));let o=T(`button`,{part:`button`,class:`send${e?` is-busy`:``}${r?` is-tool`:``}`,type:`button`,title:i,"aria-label":i,disabled:t||void 0},a);this.#e.replaceChildren(o),this.#t=o,this.#t.addEventListener(`click`,this.#r),this.#t.addEventListener(`pointerenter`,this.#a),this.#t.addEventListener(`pointerleave`,this.#o),this.#t.addEventListener(`pointerdown`,this.#s),this.#t.addEventListener(`pointerup`,this.#c),this.#u()}});var Yn=`
|
|
2107
2107
|
slicc-input-card {
|
|
2108
2108
|
display: block;
|
|
2109
2109
|
}
|
|
@@ -2157,7 +2157,7 @@ slicc-input-card .toolbar slicc-add-menu {
|
|
|
2157
2157
|
flex: 1;
|
|
2158
2158
|
min-width: 0;
|
|
2159
2159
|
}
|
|
2160
|
-
`,
|
|
2160
|
+
`,Xn=`slicc-input-card-style`;function Zn(e){if(e.getElementById(Xn))return;let t=e.createElement(`style`);t.id=Xn,t.textContent=Yn,(e.head??e.documentElement).appendChild(t)}var Qn=`Ask sliccy, or describe a change…`;C(`slicc-input-card`,class extends HTMLElement{static observedAttributes=[`value`,`placeholder`,`suggestion`,`disabled`];#e;#t;#n;#r=!1;connectedCallback(){Zn(this.ownerDocument),this.#i(),this.#a(),this.#u()}attributeChangedCallback(e,t,n){!this.#r||t===n||(this.#a(),e===`value`&&this.#u())}get value(){return this.#r?this.#t.value:this.getAttribute(`value`)??``}set value(e){let t=e??``;this.#r&&(this.#t.value=t,this.#u()),t===``?this.removeAttribute(`value`):this.setAttribute(`value`,t)}get placeholder(){return this.getAttribute(`placeholder`)??Qn}set placeholder(e){e==null?this.removeAttribute(`placeholder`):this.setAttribute(`placeholder`,e)}get suggestion(){return this.getAttribute(`suggestion`)}set suggestion(e){e==null||e===``?this.removeAttribute(`suggestion`):this.setAttribute(`suggestion`,e)}get disabled(){return this.hasAttribute(`disabled`)}set disabled(e){this.toggleAttribute(`disabled`,!!e)}focus(e){this.#i(),this.#t.focus(e)}clear(){this.value=``}#i(){if(this.#r)return;this.#r=!0;let e=this.ownerDocument,t=Array.from(this.children).filter(e=>e.getAttribute(`slot`)===`toolbar`);if(this.replaceChildren(),this.#e=e.createElement(`div`),this.#e.className=`slicc-input-card__card`,this.#e.setAttribute(`part`,`card`),this.#t=e.createElement(`textarea`),this.#t.className=`ta`,this.#t.setAttribute(`part`,`textarea`),this.#t.rows=1,this.#n=e.createElement(`div`),this.#n.className=`toolbar`,this.#n.setAttribute(`part`,`toolbar`),t.length>0)for(let e of t)this.#n.appendChild(e);else this.#n.append(T(`slicc-add-menu`),T(`slicc-send-button`));this.#e.append(this.#t,this.#n),this.appendChild(this.#e),this.#t.addEventListener(`input`,this.#o),this.#t.addEventListener(`keydown`,this.#s),this.#n.addEventListener(`send`,this.#c)}#a(){if(!this.#r)return;let e=this.#t;e.placeholder=this.suggestion??this.placeholder,e.disabled=this.disabled;let t=this.getAttribute(`value`)??``;e.value!==t&&(e.value=t)}#o=e=>{e.stopPropagation();let t=this.#t.value;t===``?this.removeAttribute(`value`):this.setAttribute(`value`,t),this.#u(),this.dispatchEvent(new CustomEvent(`input`,{bubbles:!0,composed:!0,detail:{value:t}}))};#s=e=>{if(e.isComposing)return;if(e.key===`Enter`&&!e.shiftKey&&!e.altKey){e.preventDefault(),this.#l(void 0,e.ctrlKey||e.metaKey);return}if(e.key===`Tab`&&!e.shiftKey&&!e.altKey&&!e.ctrlKey&&!e.metaKey){let t=this.suggestion;if(t&&this.#t.value===``){e.preventDefault(),this.removeAttribute(`suggestion`);let n=this.#t;n.value=t,n.setSelectionRange(t.length,t.length),n.dispatchEvent(new Event(`input`,{bubbles:!0}))}return}let t=this.#t,n=t.selectionStart===t.selectionEnd;e.key===`ArrowUp`&&n&&t.selectionStart===0?(e.preventDefault(),this.dispatchEvent(new CustomEvent(`history-up`,{bubbles:!0,composed:!0}))):e.key===`ArrowDown`&&n&&t.selectionStart===t.value.length&&this.dispatchEvent(new CustomEvent(`history-down`,{bubbles:!0,composed:!0}))};#c=e=>{e.stopPropagation(),this.#l()};submit(e){this.#i(),this.#l(e)}focusEnd(){if(!this.#r)return;let e=this.#t;e.focus();let t=e.value.length;e.setSelectionRange(t,t)}#l(e,t){if(this.disabled)return;let n=this.#t.value;n.trim()!==``&&(this.removeAttribute(`suggestion`),this.dispatchEvent(new CustomEvent(`submit`,{bubbles:!0,composed:!0,detail:{value:n,...e?{source:e}:{},...t?{steer:!0}:{}}})))}#u(){if(!this.#r)return;let e=this.#t;e.style.height=`auto`;let t=e.scrollHeight;e.style.height=`${Math.min(t,140)}px`,e.style.overflowY=t>140?`auto`:`hidden`}});var $n=E(`
|
|
2161
2161
|
:host{display:block;font-family:var(--ui);}
|
|
2162
2162
|
:host(:not([count])),:host([count="0"]),:host([count="-0"]){display:none;}
|
|
2163
2163
|
.wrap{display:flex;flex-direction:column;align-items:stretch;gap:6px;}
|
|
@@ -2178,7 +2178,7 @@ slicc-input-card .toolbar slicc-add-menu {
|
|
|
2178
2178
|
:host-context(body.dark) .dismiss:hover,:host-context(body.dark) .dismiss:focus-visible,
|
|
2179
2179
|
:host-context(.dark) .dismiss:hover,:host-context(.dark) .dismiss:focus-visible,
|
|
2180
2180
|
:host-context([data-theme="dark"]) .dismiss:hover,:host-context([data-theme="dark"]) .dismiss:focus-visible{background:color-mix(in srgb,#0a0a0a 14%,transparent);}
|
|
2181
|
-
`),
|
|
2181
|
+
`),er=[{rot:0,x:0,y:0},{rot:-2,x:-3,y:-2},{rot:2,x:3,y:-4},{rot:-3,x:-5,y:-6},{rot:3,x:5,y:-8},{rot:-1,x:-2,y:-10},{rot:1,x:2,y:-12}];function tr(e){return er[Math.min(e,er.length-1)]??er[0]}C(`slicc-queued-stack`,class extends HTMLElement{#e;#t=[];constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[$n]}connectedCallback(){this.#i()}get count(){return this.#t.length}setMessages(e){this.#t=e.slice(),this.setAttribute(`count`,String(this.#t.length)),this.#i()}#n(e){this.dispatchEvent(new CustomEvent(`slicc-queued-remove`,{detail:{id:e},bubbles:!0,composed:!0}))}#r(e,t,r,i){let{rot:a,x:o,y:s}=tr(t),c=r?`none`:`translate(${o}px, ${s}px) rotate(${a}deg)`,l=`card${r?` is-front`:``}${t===0?``:t===1?` is-back`:` is-deep`}`,u=r?`card front`:`card`,d=`transform:${c};z-index:${i};`,f=[T(`span`,{class:`bubble`},e.text)];if(e.attachments&&e.attachments>0&&f.push(T(`span`,{class:`attach`},`+${e.attachments}`)),r){let t=T(`button`,{type:`button`,class:`dismiss`,part:`dismiss`,"aria-label":`Remove queued message`},n(`x`,{size:14}));t.addEventListener(`click`,t=>{t.stopPropagation(),this.#n(e.id)}),f.push(t)}return T(`div`,{class:l,part:u,style:d},...f)}#i(){if(this.#t.length===0){this.#e.replaceChildren();return}let e=this.#t.length,t=[];for(let n=e-1;n>=0;n--){let r=e-1-n,i=r===0,a=n+1,o=this.#t[n];o&&t.push(this.#r(o,r,i,a))}let r=T(`div`,{class:`stack`,part:`stack`},...t),i=T(`div`,{class:`wrap`},T(`span`,{class:`badge`,part:`badge`},n(`clock`,{size:11}),`${e} queued`),r);this.#e.replaceChildren(i)}});var nr=1e3;function rr(e,t){let n=t.longPressMs??1e3,r=t.modifierClickAsLongPress??!0,i=null,a=!1,o=()=>{t.onPressEnd?.()},s=()=>{i!==null&&(clearTimeout(i),i=null),o()},c=e=>{e.button===0&&(e.metaKey||e.ctrlKey||e.shiftKey||e.altKey||(a=!1,s(),t.onPressStart?.(e),i=setTimeout(()=>{a=!0,o(),i=null,t.onLongPress()},n)))},l=()=>s(),u=()=>s(),d=()=>s(),f=()=>s(),p=e=>{if(a){a=!1,e.preventDefault();return}if((e.metaKey||e.ctrlKey||e.shiftKey||e.altKey)&&r){e.preventDefault(),t.onLongPress();return}t.onShortClick(e)};return e.addEventListener(`mousedown`,c),e.addEventListener(`mouseup`,l),e.addEventListener(`mouseleave`,u),e.addEventListener(`blur`,d),e.addEventListener(`contextmenu`,f),e.addEventListener(`click`,p),{destroy:()=>{s(),e.removeEventListener(`mousedown`,c),e.removeEventListener(`mouseup`,l),e.removeEventListener(`mouseleave`,u),e.removeEventListener(`blur`,d),e.removeEventListener(`contextmenu`,f),e.removeEventListener(`click`,p)}}}var ir=E(`
|
|
2182
2182
|
:host { display: inline-grid; }
|
|
2183
2183
|
:host([hidden]) { display: none; }
|
|
2184
2184
|
|
|
@@ -2260,7 +2260,7 @@ slicc-input-card .toolbar slicc-add-menu {
|
|
|
2260
2260
|
|
|
2261
2261
|
.glyph { display: grid; place-items: center; line-height: 1; }
|
|
2262
2262
|
.glyph svg { display: block; }
|
|
2263
|
-
`),
|
|
2263
|
+
`),ar=`square`,or=18;C(`slicc-dock-item`,class extends HTMLElement{static observedAttributes=[`item-id`,`kind`,`hue`,`icon`,`tip`,`active`,`lit`];#e;#t=null;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[ir]}disconnectedCallback(){this.#t?.destroy(),this.#t=null}connectedCallback(){this.#n()}attributeChangedCallback(){this.isConnected&&this.#n()}get itemId(){return this.getAttribute(`item-id`)}set itemId(e){e==null?this.removeAttribute(`item-id`):this.setAttribute(`item-id`,e)}get kind(){return this.getAttribute(`kind`)===`sprinkle`?`sprinkle`:`tool`}set kind(e){this.setAttribute(`kind`,e===`sprinkle`?`sprinkle`:`tool`)}get hue(){return this.getAttribute(`hue`)}set hue(e){e==null?this.removeAttribute(`hue`):this.setAttribute(`hue`,e)}get icon(){return this.getAttribute(`icon`)??ar}set icon(e){e==null?this.removeAttribute(`icon`):this.setAttribute(`icon`,e)}get tip(){return this.getAttribute(`tip`)}set tip(e){e==null?this.removeAttribute(`tip`):this.setAttribute(`tip`,e)}get active(){return this.hasAttribute(`active`)}set active(e){this.toggleAttribute(`active`,!!e)}get lit(){return this.hasAttribute(`lit`)}set lit(e){this.toggleAttribute(`lit`,!!e)}#n(){let e=[`di`];this.kind===`sprinkle`&&e.push(`sp`),this.active&&e.push(`on`),this.lit&&e.push(`lit`);let t=this.tip,r=n(this.icon,{size:or,part:`icon`}),i=t??this.itemId??`dock item`,a=T(`button`,{type:`button`,part:`button`,class:e.join(` `),"aria-label":i,"aria-pressed":this.active?`true`:`false`},T(`span`,{class:`glyph`,part:`glyph`},T(`slot`,null,r)),t?T(`span`,{class:`tip`,part:`tip`},t):null),o=this.hue;o&&a.style.setProperty(`--h`,o),this.#t?.destroy(),this.#t=rr(a,{onShortClick:this.#r,onLongPress:()=>this.#i(`longpress`)}),this.#e.replaceChildren(a)}#r=()=>{this.#i(this.active?`collapse`:`select`)};#i(e){this.dispatchEvent(new CustomEvent(e,{detail:{id:this.itemId},bubbles:!0,composed:!0}))}});var sr=[{id:`browser`,icon:`globe`,label:`Browser · CDP`,kind:`tool`},{id:`files`,icon:`folder`,label:`Files · VFS`,kind:`tool`},{id:`term`,icon:`square-terminal`,label:`Terminal`,kind:`tool`},{id:`memory`,icon:`brain`,label:`Memory`,kind:`tool`},{id:`monitor`,icon:`activity`,label:`Monitor`,kind:`tool`}],cr={id:`new`,icon:`plus`,label:`New sprinkle`,kind:`sprinkle`},lr=`
|
|
2264
2264
|
.slicc-dock {
|
|
2265
2265
|
flex: 0 0 48px;
|
|
2266
2266
|
box-sizing: border-box;
|
|
@@ -2281,7 +2281,7 @@ slicc-input-card .toolbar slicc-add-menu {
|
|
|
2281
2281
|
margin: 2px 0;
|
|
2282
2282
|
}
|
|
2283
2283
|
.slicc-dock .grow { flex: 1; }
|
|
2284
|
-
`,
|
|
2284
|
+
`,ur=`slicc-dock-style`;function dr(e){if(e.getElementById(ur))return;let t=e.createElement(`style`);t.id=ur,t.textContent=lr,(e.head??e.documentElement).appendChild(t)}function fr(e){return e===`sprinkle`?`sprinkle`:`tool`}C(`slicc-dock`,class extends HTMLElement{static get observedAttributes(){return[`active`,`system-tools`]}#e=[];#t=null;#n=null;#r=null;#i=!1;connectedCallback(){dr(this.ownerDocument),this.classList.add(`slicc-dock`),this.setAttribute(`part`,`rail`),this.setAttribute(`role`,`toolbar`),this.setAttribute(`aria-orientation`,`vertical`),this.#i||=(this.#a(),!0),this.#t||(this.#t=e=>this.#u(e),this.#n=e=>this.#d(e),this.#r=e=>this.#f(e),this.addEventListener(`select`,this.#t),this.addEventListener(`collapse`,this.#n),this.addEventListener(`longpress`,this.#r)),this.#c()}disconnectedCallback(){this.#t&&=(this.removeEventListener(`select`,this.#t),null),this.#n&&=(this.removeEventListener(`collapse`,this.#n),null),this.#r&&=(this.removeEventListener(`longpress`,this.#r),null)}attributeChangedCallback(e){this.#i&&(e===`active`?this.#l():e===`system-tools`&&this.#c())}get items(){return this.#e.map(e=>({...e}))}set items(e){this.#e=Array.isArray(e)?e.map(e=>({...e})):[],this.#i&&this.isConnected&&this.#c()}get active(){return this.getAttribute(`active`)}set active(e){e==null?this.removeAttribute(`active`):this.setAttribute(`active`,e)}get systemTools(){return this.hasAttribute(`system-tools`)}set systemTools(e){this.toggleAttribute(`system-tools`,!!e)}selectItem(e){this.active=e,this.dispatchEvent(new CustomEvent(`slicc-dock-select`,{detail:{id:e,kind:this.#o(e)},bubbles:!0,composed:!0}))}clearActive(){this.active=null}collapse(){let e=this.active;this.active=null,e!=null&&this.dispatchEvent(new CustomEvent(`slicc-dock-collapse`,{detail:{id:e},bubbles:!0,composed:!0}))}#a(){let e=[...this.querySelectorAll(`slicc-dock-item`)];if(e.length===0)return;let t=[];for(let n of e){let e=fr(n.getAttribute(`kind`)),r=n.getAttribute(`item-id`)??n.dataset.t??n.getAttribute(`tip`)??``;e===`tool`||r===`new`||r===``||t.push({id:r,icon:n.getAttribute(`icon`)??void 0,label:n.getAttribute(`tip`)??void 0,kind:`sprinkle`,hue:n.getAttribute(`hue`)??void 0})}for(let t of e)t.remove();this.#e.length===0&&(this.#e=t)}#o(e){return sr.some(t=>t.id===e)?`tool`:e===cr.id?`sprinkle`:this.#e.find(t=>t.id===e)?.kind??`tool`}#s(e,t){let n=e.id,r=fr(e.kind),i=e.icon??``,a=e.label??n,o=t!=null&&t===n,s=e.hue;return T(`slicc-dock-item`,{"data-t":n,"item-id":n,kind:r,icon:i||!1,tip:a,hue:s||!1,active:o})}#c(){let e=this.active,t=[];for(let n of this.#e)fr(n.kind)===`sprinkle`&&t.push(this.#s(n,e));if(t.push(this.#s(cr,e)),t.push(T(`div`,{class:`grow`})),this.systemTools){t.push(T(`div`,{class:`div`}));for(let n of sr)t.push(this.#s(n,e))}this.replaceChildren(),w(this,t)}#l(){let e=this.active;for(let t of this.querySelectorAll(`slicc-dock-item`))t.toggleAttribute(`active`,t.dataset.t===e)}#u(e){let t=this.#p(e);t!=null&&(e.stopPropagation(),this.selectItem(t))}#d(e){let t=this.#p(e);t!=null&&(e.stopPropagation(),this.active!==t&&(this.active=t),this.collapse())}#f(e){let t=this.#p(e);t!=null&&(e.stopPropagation(),this.active!==t&&this.selectItem(t),this.dispatchEvent(new CustomEvent(`slicc-dock-longpress`,{detail:{id:t,kind:this.#o(t)},bubbles:!0,composed:!0})))}#p(e){let t=e.detail;if(t&&typeof t.id==`string`)return t.id;let n=e.target?.closest(`slicc-dock-item`);return n&&this.contains(n)?n.dataset.t??null:null}});var pr=E(`
|
|
2285
2285
|
:host { display: none; }
|
|
2286
2286
|
:host([open]) { display: block; }
|
|
2287
2287
|
.overlay {
|
|
@@ -2358,7 +2358,7 @@ slicc-input-card .toolbar slicc-add-menu {
|
|
|
2358
2358
|
color: rgba(255,255,255,.7); font-family: var(--ui); font-size: 14px;
|
|
2359
2359
|
}
|
|
2360
2360
|
@media (prefers-reduced-motion: reduce) { .overlay, .card { transition: none; } }
|
|
2361
|
-
`),
|
|
2361
|
+
`),mr=`Open tabs`;C(`slicc-tab-overlay`,class extends HTMLElement{static observedAttributes=[`open`,`heading`];#e;#t=[];#n=null;#r=null;#i=e=>{e.key===`Escape`&&this.open&&(e.stopPropagation(),this.#u(`escape`))};constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[pr]}connectedCallback(){this.#s(),this.#c()}disconnectedCallback(){document.removeEventListener(`keydown`,this.#i,!0)}attributeChangedCallback(e){this.isConnected&&(e===`open`?this.#c():this.#s())}get open(){return this.hasAttribute(`open`)}set open(e){this.toggleAttribute(`open`,!!e)}get heading(){return this.getAttribute(`heading`)??mr}set heading(e){e==null?this.removeAttribute(`heading`):this.setAttribute(`heading`,e)}get tabs(){return this.#t.map(e=>({...e}))}set tabs(e){this.#t=Array.isArray(e)?e.map(e=>({...e})):[],this.isConnected&&this.#s()}show(){this.open||=!0}hide(){this.open&&this.#u(`api`)}#a(){let e=T(`button`,{class:`close`,part:`close`,type:`button`,"aria-label":`Close tabs overlay`},n(`x`,{size:18}));return e.addEventListener(`click`,()=>this.#u(`close-button`)),e}#o(e){let t=e.title??e.id,r=e.screenshot?T(`img`,{class:`shot`,part:`shot`,src:e.screenshot,alt:t,loading:`lazy`}):T(`div`,{class:`shot ph`,part:`shot`},n(`globe`,{size:28})),i=T(`button`,{class:`x`,part:`card-close`,type:`button`,"aria-label":`Close ${t}`},n(`x`,{size:14}));i.addEventListener(`click`,t=>{t.stopPropagation(),this.#l(`tab-close`,e.id)});let a=T(`div`,{class:`label`},T(`span`,{class:`name`,part:`title`},t),e.url?T(`span`,{class:`url`},e.url):null),o=T(`div`,{class:e.active?`card on`:`card`,part:`card`,role:`button`,tabindex:`0`,"data-tab-id":e.id,"aria-label":t,"aria-current":e.active?`true`:!1},r,T(`div`,{class:`meta`},a,i));return o.addEventListener(`click`,()=>this.#l(`tab-activate`,e.id)),o.addEventListener(`keydown`,t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),this.#l(`tab-activate`,e.id))}),o}#s(){let e=T(`div`,{class:`bar`,part:`bar`},T(`span`,{class:`title`},this.heading),T(`span`,{class:`count`},String(this.#t.length)),T(`span`,{class:`grow`}),this.#a()),t;if(this.#t.length===0)t=T(`div`,{class:`empty`},`No open tabs.`);else{t=T(`div`,{class:`grid`,part:`grid`,role:`list`});for(let e of this.#t)t.appendChild(this.#o(e))}this.#n=T(`div`,{class:`overlay`,part:`overlay`},e,t),this.#n.addEventListener(`mousedown`,e=>{e.target===this.#n&&this.#u(`backdrop`)}),this.#e.replaceChildren(this.#n)}#c(){this.open?(this.#r=this.getRootNode().activeElement,document.addEventListener(`keydown`,this.#i,!0),requestAnimationFrame(()=>this.#n?.querySelector(`.close`)?.focus())):(document.removeEventListener(`keydown`,this.#i,!0),this.#r?.focus?.(),this.#r=null)}#l(e,t){this.dispatchEvent(new CustomEvent(e,{detail:{id:t},bubbles:!0,composed:!0}))}#u(e){this.open=!1,this.dispatchEvent(new CustomEvent(`overlay-close`,{detail:{reason:e},bubbles:!0,composed:!0}))}});var M=`#3b6cb2`,hr=`
|
|
2362
2362
|
.slicc-freezer {
|
|
2363
2363
|
position: fixed;
|
|
2364
2364
|
left: 0;
|
|
@@ -2376,6 +2376,24 @@ slicc-input-card .toolbar slicc-add-menu {
|
|
|
2376
2376
|
font-family: var(--ui);
|
|
2377
2377
|
}
|
|
2378
2378
|
.slicc-freezer[open] { width: 260px; }
|
|
2379
|
+
/* In-flow mode, for when the rail is a docked panel rather than a viewport
|
|
2380
|
+
overlay. The default is \`position:fixed\` because the rail predates the panel
|
|
2381
|
+
system: it floated over the app column, which reserved space for it via a
|
|
2382
|
+
\`--rail-w\` padding. As a panel it must instead occupy real layout space, so
|
|
2383
|
+
the layout engine can size it and its expand/collapse pushes siblings rather
|
|
2384
|
+
than sliding over them. \`height:100%\` replaces the viewport-anchored
|
|
2385
|
+
\`top/bottom:0\`, and the z-index is dropped so it can't lift itself out of
|
|
2386
|
+
the panel host's stacking order. */
|
|
2387
|
+
.slicc-freezer[docked] {
|
|
2388
|
+
position: relative;
|
|
2389
|
+
left: auto;
|
|
2390
|
+
top: auto;
|
|
2391
|
+
bottom: auto;
|
|
2392
|
+
height: 100%;
|
|
2393
|
+
z-index: auto;
|
|
2394
|
+
flex: 1 1 auto;
|
|
2395
|
+
min-height: 0;
|
|
2396
|
+
}
|
|
2379
2397
|
.dark .slicc-freezer,
|
|
2380
2398
|
[data-theme="dark"] .slicc-freezer { box-shadow: rgba(0, 0, 0, .35) 1px 0 14px -4px; }
|
|
2381
2399
|
|
|
@@ -2442,12 +2460,12 @@ slicc-input-card .toolbar slicc-add-menu {
|
|
|
2442
2460
|
|
|
2443
2461
|
/* ice-blue accent while a freezer context is active (prototype _ctxAccent) —
|
|
2444
2462
|
tints the toggle + the new-chat icon; cards keep their snow palette. */
|
|
2445
|
-
.slicc-freezer[ctx] .fztgl { color: var(--fz-ctx, ${
|
|
2463
|
+
.slicc-freezer[ctx] .fztgl { color: var(--fz-ctx, ${M}); border-color: color-mix(in srgb, var(--fz-ctx, ${M}) 40%, var(--line)); }
|
|
2446
2464
|
.slicc-freezer[ctx] ::part(new-icon),
|
|
2447
2465
|
.slicc-freezer[ctx] slicc-freezer-new::part(new-icon) {
|
|
2448
|
-
background: color-mix(in srgb, var(--fz-ctx, ${
|
|
2449
|
-
border-color: color-mix(in srgb, var(--fz-ctx, ${
|
|
2450
|
-
color: var(--fz-ctx, ${
|
|
2466
|
+
background: color-mix(in srgb, var(--fz-ctx, ${M}) 14%, var(--canvas));
|
|
2467
|
+
border-color: color-mix(in srgb, var(--fz-ctx, ${M}) 40%, var(--line));
|
|
2468
|
+
color: var(--fz-ctx, ${M});
|
|
2451
2469
|
}
|
|
2452
2470
|
|
|
2453
2471
|
/* match-hidden: search filtered a session row out (only meaningful when open,
|
|
@@ -2455,7 +2473,7 @@ slicc-input-card .toolbar slicc-add-menu {
|
|
|
2455
2473
|
prototype .fzcard row. */
|
|
2456
2474
|
.slicc-freezer[open] slicc-freezer-card.match-hidden,
|
|
2457
2475
|
.slicc-freezer[open] .fzcard.match-hidden { display: none; }
|
|
2458
|
-
`,
|
|
2476
|
+
`,gr=`slicc-freezer-style`;function _r(e){if(e.getElementById(gr))return;let t=e.createElement(`style`);t.id=gr,t.textContent=hr,(e.head??e.documentElement).appendChild(t)}var N=`http://www.w3.org/2000/svg`;function vr(){let e=document.createElementNS(N,`svg`);for(let[t,n]of[[`width`,`14`],[`height`,`14`],[`viewBox`,`0 0 16 16`],[`fill`,`none`],[`stroke`,`currentColor`],[`stroke-width`,`1.6`],[`stroke-linecap`,`round`],[`stroke-linejoin`,`round`],[`aria-hidden`,`true`]])e.setAttribute(t,n);let t=document.createElementNS(N,`rect`);for(let[e,n]of[[`x`,`2.5`],[`y`,`3.5`],[`width`,`11`],[`height`,`9`],[`rx`,`1.5`]])t.setAttribute(e,n);let n=document.createElementNS(N,`line`);for(let[e,t]of[[`x1`,`6`],[`y1`,`3.5`],[`x2`,`6`],[`y2`,`12.5`]])n.setAttribute(e,t);let r=document.createElementNS(N,`polyline`);return r.setAttribute(`points`,`9,6.5 10.5,8 9,9.5`),e.append(t,n,r),e}C(`slicc-freezer`,class extends HTMLElement{static observedAttributes=[`open`,`ctx`,`search-placeholder`];#e;#t;#n;#r;#i=!1;#a=null;#o=null;connectedCallback(){_r(this.ownerDocument),this.classList.add(`slicc-freezer`),this.setAttribute(`part`,`freezer`),this.hasAttribute(`aria-label`)||this.setAttribute(`aria-label`,`Past sessions (freezer)`),this.#s(),this.#l(),this.#u()}disconnectedCallback(){this.#a&&this.#t&&(this.#t.removeEventListener(`click`,this.#a),this.#a=null),this.#o&&this.#n&&(this.#n.removeEventListener(`input`,this.#o),this.#o=null)}attributeChangedCallback(e,t,n){this.#i&&(e===`open`?(this.#l(),this.#u()):e===`search-placeholder`&&(this.#n.placeholder=n??`search past sessions`))}get open(){return this.hasAttribute(`open`)}set open(e){this.toggleAttribute(`open`,e)}get ctx(){return this.hasAttribute(`ctx`)}set ctx(e){this.toggleAttribute(`ctx`,e)}get searchPlaceholder(){return this.getAttribute(`search-placeholder`)??`search past sessions`}set searchPlaceholder(e){e==null?this.removeAttribute(`search-placeholder`):this.setAttribute(`search-placeholder`,e)}get query(){return this.#i?this.#n.value:``}set query(e){this.#s(),this.#n.value=e,this.#d()}get rail(){return this.#s(),this.#r}toggle(e){let t=e??!this.open;t===this.open&&this.#l(),this.open=t,this.#l(),this.#u(),this.dispatchEvent(new CustomEvent(`freezer-toggle`,{detail:{open:t},bubbles:!0,composed:!0}))}append(...e){this.#s(),this.#r.append(...e),this.#u()}#s(){if(this.#i)return;let e=this.querySelector(`:scope > .fzh`),t=this.querySelector(`:scope > .fzrail`);if(e instanceof HTMLElement&&t instanceof HTMLElement){this.#c(e,t);return}let n=Array.from(this.childNodes).filter(e=>!(e instanceof HTMLElement&&(e.classList.contains(`fzh`)||e.classList.contains(`fzrail`)))),r=this.ownerDocument,i=r.createElement(`div`);i.className=`fzh`,i.setAttribute(`part`,`header`);let a=r.createElement(`button`);a.className=`fztgl`,a.type=`button`,a.setAttribute(`part`,`toggle`),a.setAttribute(`aria-label`,`Toggle freezer`),a.append(vr());let o=r.createElement(`input`);o.className=`fzsearch`,o.type=`text`,o.setAttribute(`part`,`search`),o.placeholder=this.searchPlaceholder,o.setAttribute(`aria-label`,`Search past sessions`),i.append(a,o);let s=r.createElement(`div`);s.className=`fzrail`,s.setAttribute(`part`,`rail`);for(let e of n)s.appendChild(e);this.replaceChildren(i,s),this.#c(i,s)}#c(e,t){this.#i=!0,this.#e=e,this.#r=t;let n=e.querySelector(`.fztgl`),r=e.querySelector(`.fzsearch`);n&&(this.#t=n),r&&(this.#n=r),this.#t&&!this.#a&&(this.#a=()=>this.toggle(),this.#t.addEventListener(`click`,this.#a)),this.#n&&!this.#o&&(this.#o=()=>this.#d(),this.#n.addEventListener(`input`,this.#o))}#l(){if(!this.#t)return;let e=this.open;this.#t.setAttribute(`aria-expanded`,e?`true`:`false`),this.#t.title=e?`Collapse freezer`:`Expand freezer`}#u(){if(!this.#i)return;let e=this.open,t=this.#r.querySelectorAll(`slicc-freezer-card, slicc-freezer-new`);for(let n of t)n.toggleAttribute(`expanded`,e)}#d(){let e=this.#n.value.trim().toLowerCase(),t=this.#r.querySelectorAll(`slicc-freezer-card, .fzcard`);for(let n of t){let t=(n.textContent??``).toLowerCase();n.classList.toggle(`match-hidden`,e.length>0&&!t.includes(e))}}});var yr=14,br=E(`
|
|
2459
2477
|
:host {
|
|
2460
2478
|
display: inline-grid;
|
|
2461
2479
|
place-items: center;
|
|
@@ -2491,7 +2509,7 @@ slicc-input-card .toolbar slicc-add-menu {
|
|
|
2491
2509
|
nothing is slotted */
|
|
2492
2510
|
::slotted(*), .ic { line-height: 1; }
|
|
2493
2511
|
.ic { display: block; }
|
|
2494
|
-
`);
|
|
2512
|
+
`);C(`slicc-snowflake`,class extends HTMLElement{static observedAttributes=[`thawed`];#e;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[br];let e=T(`span`,{class:`snow`,part:`badge`},T(`slot`,null,n(`snowflake`,{size:yr,part:`glyph`,class:`ic`})));this.#e.replaceChildren(e)}get thawed(){return this.hasAttribute(`thawed`)}set thawed(e){this.toggleAttribute(`thawed`,e)}});var xr=`
|
|
2495
2513
|
slicc-freezer-card {
|
|
2496
2514
|
position: relative;
|
|
2497
2515
|
display: flex;
|
|
@@ -2584,7 +2602,7 @@ slicc-freezer-card .slicc-fzcard__meta {
|
|
|
2584
2602
|
slicc-freezer-card[thawed] {
|
|
2585
2603
|
background: color-mix(in srgb, var(--rose) 12%, transparent);
|
|
2586
2604
|
}
|
|
2587
|
-
`,
|
|
2605
|
+
`,Sr=`slicc-freezer-card-style`;function Cr(e){if(e.getElementById(Sr))return;let t=e.createElement(`style`);t.id=Sr,t.textContent=xr,(e.head??e.documentElement).appendChild(t)}var wr=1400,Tr=14;C(`slicc-freezer-card`,class extends HTMLElement{static observedAttributes=[`title`,`meta`,`slug`,`icon`,`thawed`];#e;#t;#n;#r;#i=null;#a=null;#o=!1;#s=null;#c=()=>this.#u();#l=()=>{if(!this.#i)return;let e=this.getBoundingClientRect();this.#i.style.setProperty(`--tip-x`,`${e.right+8}px`),this.#i.style.setProperty(`--tip-y`,`${e.top+e.height/2}px`)};connectedCallback(){Cr(this.ownerDocument),this.#d(),this.#f()}disconnectedCallback(){this.removeEventListener(`click`,this.#c),this.removeEventListener(`pointerenter`,this.#l),this.removeEventListener(`focusin`,this.#l),this.#s!=null&&(clearTimeout(this.#s),this.#s=null)}attributeChangedCallback(e,t,n){t===n||!this.#o||(e===`thawed`?this.#e.toggleAttribute(`thawed`,n!==null):e===`icon`?this.#p():this.#f())}get title(){return this.getAttribute(`title`)??``}set title(e){e==null?this.removeAttribute(`title`):this.setAttribute(`title`,e)}get meta(){return this.getAttribute(`meta`)??``}set meta(e){e==null?this.removeAttribute(`meta`):this.setAttribute(`meta`,e)}get slug(){return this.getAttribute(`slug`)??``}set slug(e){e==null?this.removeAttribute(`slug`):this.setAttribute(`slug`,e)}get icon(){return this.getAttribute(`icon`)}set icon(e){e==null?this.removeAttribute(`icon`):this.setAttribute(`icon`,e)}get expanded(){return this.hasAttribute(`expanded`)}set expanded(e){this.toggleAttribute(`expanded`,e)}get thawed(){return this.hasAttribute(`thawed`)}set thawed(e){this.toggleAttribute(`thawed`,e)}get hidden(){return this.hasAttribute(`hidden`)}set hidden(e){this.toggleAttribute(`hidden`,e)}get badge(){return this.#d(),this.#e}#u(){this.dispatchEvent(new CustomEvent(`freezer-card-select`,{bubbles:!0,composed:!0,detail:{slug:this.slug}})),this.flashThaw()}flashThaw(e=wr){this.#s!=null&&clearTimeout(this.#s),this.thawed=!0,this.#s=setTimeout(()=>{this.thawed=!1,this.#s=null},e)}#d(){if(this.#o)return;this.#o=!0;let e=this.querySelector(`:scope > .slicc-fzcard__text`);if(e instanceof HTMLElement){this.#t=e,this.#n=e.querySelector(`.slicc-fzcard__title`),this.#r=e.querySelector(`.slicc-fzcard__meta`),this.#e=this.querySelector(`:scope > slicc-snowflake`),this.#i=this.querySelector(`:scope > .slicc-fzcard__tip`),this.addEventListener(`click`,this.#c),this.addEventListener(`pointerenter`,this.#l),this.addEventListener(`focusin`,this.#l);return}let t=Array.from(this.childNodes);this.#e=this.ownerDocument.createElement(`slicc-snowflake`),this.#e.setAttribute(`part`,`badge`),this.#n=T(`div`,{class:`slicc-fzcard__title`,part:`title`}),this.#r=T(`div`,{class:`slicc-fzcard__meta`,part:`meta`}),this.#t=T(`div`,{class:`slicc-fzcard__text`,part:`text`},this.#n,this.#r);for(let e of t)this.#n.appendChild(e);this.#i=T(`span`,{class:`slicc-fzcard__tip`,part:`tip`,"aria-hidden":`true`}),this.replaceChildren(this.#e,this.#t,this.#i),this.addEventListener(`click`,this.#c),this.addEventListener(`pointerenter`,this.#l),this.addEventListener(`focusin`,this.#l)}#f(){if(!this.#o)return;let e=this.getAttribute(`title`);e!=null&&(this.#n.textContent=e),this.#r.textContent=this.meta,this.#i&&(this.#i.textContent=e??(this.#n.textContent||``)),this.#e.toggleAttribute(`thawed`,this.thawed),this.#p()}#p(){if(!this.#o)return;let e=this.getAttribute(`icon`);if(e){let t=n(e,{size:Tr,class:`ic`,part:`icon`});this.#a?this.#a.replaceWith(t):this.#e.appendChild(t),this.#a=t}else this.#a&&=(this.#a.remove(),null)}});var Er=`square-pen`,Dr=`loader-circle`,Or=16,kr=`New chat`,Ar=350,jr=[[`save`,`archive`,`Save & start new`],[`skip`,`fast-forward`,`New chat — skip memory`],[`erase`,`trash-2`,`Erase & start new`]],Mr=E(`
|
|
2588
2606
|
:host { display: block; }
|
|
2589
2607
|
:host([hidden]) { display: none; }
|
|
2590
2608
|
*{ box-sizing: border-box; }
|
|
@@ -2729,18 +2747,18 @@ slicc-freezer-card[thawed] {
|
|
|
2729
2747
|
.fznew, .nlbl { transition: none; }
|
|
2730
2748
|
.fznew-spinner svg { animation: none; }
|
|
2731
2749
|
}
|
|
2732
|
-
`);
|
|
2750
|
+
`);C(`slicc-freezer-new`,class extends HTMLElement{static observedAttributes=[`expanded`,`label`,`busy`,`progress`];#e;#t=null;#n=null;#r=null;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[Mr]}connectedCallback(){this.#a()}disconnectedCallback(){this.#n?.destroy(),this.#n=null,this.#c()}attributeChangedCallback(e){e===`progress`&&this.#i()||this.isConnected&&this.#a()}get expanded(){return this.hasAttribute(`expanded`)}set expanded(e){this.toggleAttribute(`expanded`,e)}get label(){return this.getAttribute(`label`)??kr}set label(e){e==null?this.removeAttribute(`label`):this.setAttribute(`label`,e)}get busy(){return this.hasAttribute(`busy`)}set busy(e){this.toggleAttribute(`busy`,e)}get progress(){let e=this.getAttribute(`progress`);if(e==null)return null;let t=Number.parseFloat(e);return Number.isFinite(t)?Math.min(1,Math.max(0,t)):null}set progress(e){e==null?this.removeAttribute(`progress`):this.setAttribute(`progress`,String(Math.min(1,Math.max(0,e))))}#i(){let e=this.#e.querySelector(`.fznew-ring`);return!e||!this.busy||!this.hasAttribute(`progress`)?!1:(e.style.setProperty(`--fznew-progress`,String(this.progress??0)),!0)}#a(){let e=this.label,t=this.busy,r=t&&this.hasAttribute(`progress`),i=T(`span`,{class:`nico`,part:`badge`},t?T(`span`,{class:`fznew-spinner`,part:`spinner`},r?T(`span`,{class:`fznew-ring`,part:`ring`,style:`--fznew-progress:${this.progress??0}`}):null,n(Dr,{size:Or,part:`icon`})):T(`slot`,{name:`icon`},n(Er,{size:Or,part:`icon`}))),a=T(`span`,{class:`nlbl`,part:`label`},T(`slot`,null,e)),o=T(`button`,{class:`fznew`,part:`button`,type:`button`,"aria-label":e,title:e,"aria-busy":t?`true`:void 0},i,a);this.#t=o,this.#s(o),this.#e.replaceChildren(o,this.#o())}#o(){let e=T(`div`,{class:`fznew-options`,part:`options`});for(let[t,r,i]of jr){let a=T(`button`,{class:`fznew-opt fznew-opt--${t}`,part:`option-${t}`,type:`button`},n(r,{size:13}),T(`span`,{class:`fznew-opt__text`},i));a.addEventListener(`click`,()=>this.#l(t)),e.appendChild(a)}return e}#s(e){this.#n?.destroy(),this.#c(),this.#n=rr(e,{onLongPress:()=>{if(this.#r!==null){this.#c(),this.#l(`skip`);return}this.#l(`erase`)},onShortClick:()=>{if(this.#r!==null){this.#c(),this.#l(`skip`);return}this.#r=setTimeout(()=>{this.#r=null,this.#l(`save`)},Ar)}})}#c(){this.#r!==null&&(clearTimeout(this.#r),this.#r=null)}#l(e){e===`save`&&(this.busy=!0),this.dispatchEvent(new CustomEvent(`new-chat-${e}`,{bubbles:!0,composed:!0}))}});var Nr=`attribute vec2 a_pos; void main(){ gl_Position = vec4(a_pos,0.0,1.0); }`,Pr=`precision highp float;
|
|
2733
2751
|
uniform vec2 u_res; uniform float u_time; uniform float u_energy;
|
|
2734
2752
|
uniform vec2 u_center; uniform vec3 u_evt; uniform float u_freeze; uniform float u_dark;
|
|
2735
2753
|
uniform float u_falloff; uniform float u_life; uniform vec3 u_tint; uniform float u_scroll;
|
|
2736
2754
|
uniform float u_brightness; uniform float u_contrast; uniform float u_noise; uniform float u_blur;
|
|
2737
|
-
vec3 themeBg(){ return mix(vec3(0.97,0.95,0.89), vec3(0.09,0.08,0.06), u_dark); }`,
|
|
2755
|
+
vec3 themeBg(){ return mix(vec3(0.97,0.95,0.89), vec3(0.09,0.08,0.06), u_dark); }`,Fr=`
|
|
2738
2756
|
float hash21(vec2 p){ p=fract(p*vec2(123.34,456.21)); p+=dot(p,p+45.32); return fract(p.x*p.y); }
|
|
2739
2757
|
float vnoise(vec2 p){ vec2 i=floor(p),f=fract(p);
|
|
2740
2758
|
float a=hash21(i),b=hash21(i+vec2(1.,0.)),c=hash21(i+vec2(0.,1.)),d=hash21(i+vec2(1.,1.));
|
|
2741
2759
|
vec2 u=f*f*(3.-2.*f); return mix(mix(a,b,u.x),mix(c,d,u.x),u.y); }
|
|
2742
2760
|
float fbm(vec2 p){ float v=0.,a=0.5; for(int i=0;i<5;i++){ v+=a*vnoise(p); p=p*2.02+vec2(7.1,3.7); a*=0.5;} return v; }
|
|
2743
|
-
vec2 warp(vec2 p, float t){ float a=fbm(p+vec2(0.0,1.7)+t*0.10); float b=fbm(p+vec2(5.2,1.3)-t*0.08); return p+0.85*vec2(a,b); }`,
|
|
2761
|
+
vec2 warp(vec2 p, float t){ float a=fbm(p+vec2(0.0,1.7)+t*0.10); float b=fbm(p+vec2(5.2,1.3)-t*0.08); return p+0.85*vec2(a,b); }`,Ir=`${Pr}${Fr}
|
|
2744
2762
|
vec3 pal(float t){ vec3 strawberry=vec3(1.0,0.45,0.62); vec3 vanilla=vec3(1.0,0.95,0.82);
|
|
2745
2763
|
vec3 pistachio=vec3(0.60,0.86,0.52);
|
|
2746
2764
|
vec3 col=mix(strawberry,vanilla,smoothstep(0.0,0.5,t)); col=mix(col,pistachio,smoothstep(0.5,1.0,t)); return col; }
|
|
@@ -2759,7 +2777,7 @@ void main(){
|
|
|
2759
2777
|
ice*=0.95+0.08*sin(u_time*0.4); float mask=smoothstep(0.62,0.0,r);
|
|
2760
2778
|
vec3 col=mix(bg,ice,clamp(mask,0.0,1.0)*0.80); col+=ice*mask*hl*0.12;
|
|
2761
2779
|
gl_FragColor=vec4(col,1.0);
|
|
2762
|
-
}`,
|
|
2780
|
+
}`,Lr=`${Pr}${Fr}
|
|
2763
2781
|
/* Inside-of-a-freezer ground: icy WHITE in light mode (never the warm theme
|
|
2764
2782
|
canvas — blue-on-beige read as sand, not frost), cold blue-black in dark. */
|
|
2765
2783
|
vec3 freezerBg(){ return mix(vec3(0.965,0.98,1.0), vec3(0.05,0.08,0.13), u_dark); }
|
|
@@ -2786,7 +2804,7 @@ void main(){
|
|
|
2786
2804
|
deviation budget the cone glass uses. */
|
|
2787
2805
|
col=mix(freezerBg(),col,0.22);
|
|
2788
2806
|
gl_FragColor=vec4(col,1.0);
|
|
2789
|
-
}`,
|
|
2807
|
+
}`,Rr=`${Pr}${Fr}
|
|
2790
2808
|
uniform float u_speed;
|
|
2791
2809
|
vec2 sugarHash(vec2 p){ p=vec2(dot(p,vec2(127.1,311.7)),dot(p,vec2(269.5,183.3))); return fract(sin(p)*43758.5453123); }
|
|
2792
2810
|
vec3 sugarVoronoi(vec2 p,float t){
|
|
@@ -2865,20 +2883,20 @@ void main(){
|
|
|
2865
2883
|
col+=u_noise*grain; col=(col-0.5)*u_contrast+0.5; col*=u_brightness; col=clamp(col,0.0,1.0);
|
|
2866
2884
|
col=clamp(col,max(bg-vec3(0.20),vec3(0.0)),min(bg+vec3(0.20),vec3(1.0)));
|
|
2867
2885
|
gl_FragColor=vec4(col,1.0);
|
|
2868
|
-
}`,
|
|
2886
|
+
}`,P={caramel:{mode:`cone`,tint:`#d08a3c`,brightness:1.1,contrast:1.1,noise:.025,blur:.14,coverage:.28,speed:.0625},"caramel-soft":{mode:`cone`,tint:`#d08a3c`,brightness:1.2,contrast:.75,noise:.025,blur:.14,coverage:.28,speed:1},frosted:{mode:`cone`,tint:`#ead9bd`,brightness:1,contrast:.55,noise:.005,blur:.9,coverage:.08,speed:1},brittle:{mode:`cone`,tint:`#ffd089`,brightness:.96,contrast:1.2,noise:.055,blur:.02,coverage:.68,speed:1},"waffle-glass":{mode:`cone`,tint:`#d3a15f`,brightness:1,contrast:.9,noise:.02,blur:.08,coverage:.9,speed:1}},zr={cone:Rr,scoop:Ir,freezer:Lr},Br=new Set([`cone`,`scoop`,`freezer`]),Vr={cone:`radial-gradient(120% 120% at 35% 45%, color-mix(in srgb,#d08a3c 20%,var(--bg)) 0%, var(--bg) 70%)`,scoop:`radial-gradient(120% 120% at 40% 50%, color-mix(in srgb,#ff9bc0 40%,var(--bg)) 0%, var(--bg) 62%)`,freezer:`radial-gradient(120% 120% at 0% 100%, color-mix(in srgb,#7fb0e6 55%,var(--bg)) 0%, var(--bg) 70%)`},Hr=E(`
|
|
2869
2887
|
:host { position: relative; display: block; pointer-events: none; }
|
|
2870
2888
|
.canvas, .fallback { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
|
|
2871
2889
|
.fallback { display: none; }
|
|
2872
2890
|
:host([no-webgl]) .canvas { display: none; }
|
|
2873
|
-
:host([no-webgl]) .fallback { display: block; }`),
|
|
2891
|
+
:host([no-webgl]) .fallback { display: block; }`),Ur=2,Wr=.35,Gr=[`u_res`,`u_scroll`,`u_time`,`u_energy`,`u_center`,`u_evt`,`u_freeze`,`u_dark`,`u_falloff`,`u_life`,`u_tint`,`u_brightness`,`u_contrast`,`u_noise`,`u_blur`,`u_speed`];function F(e,t,n,r){return Number.isFinite(e)?Math.max(t,Math.min(n,e)):r}function Kr(e,t){if(!e||typeof getComputedStyle!=`function`)return t;let n=document.createElement(`span`);n.style.color=e,n.style.display=`none`,document.body.appendChild(n);let r=getComputedStyle(n).color;n.remove();let i=r.match(/[\d.]+/g)?.map(Number);return!i||i.length<3?t:[i[0]/255,i[1]/255,i[2]/255]}var qr=class extends HTMLElement{static observedAttributes=[`mode`,`tint`,`coverage`,`intensity`,`scroll`,`brightness`,`contrast`,`noise`,`blur`,`speed`];#e;#t=null;#n=null;#r=null;#i={};#a=null;#o={};#s=-1;#c=0;#l=0;#u=0;#d=null;#f=!1;#p=[.816,.541,.235];#m=[.957,.247,.369];#h=0;#g=null;#_=null;#v=null;#y=null;#b=null;#x=null;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[Hr];let e=T(`canvas`,{class:`canvas`,part:`canvas`}),t=T(`div`,{class:`fallback`,part:`fallback`,"aria-hidden":`true`});this.#e.replaceChildren(e,t),this.#t=e}connectedCallback(){if(this.#f=typeof matchMedia==`function`&&matchMedia(`(prefers-reduced-motion: reduce)`).matches,this.#S(),!this.#k()){this.setAttribute(`no-webgl`,``);return}this.removeAttribute(`no-webgl`),typeof ResizeObserver<`u`&&(this.#d=new ResizeObserver(()=>this.#C()),this.#d.observe(this)),this.#w(),this.#T(),this.#l=performance.now()/1e3,this.#f?this.#F():this.#I()}disconnectedCallback(){this.#L(),this.#d?.disconnect(),this.#d=null,this.#g?.disconnect(),this.#g=null,this.#_&&this.#v&&this.#_.removeEventListener(`change`,this.#v),this.#_=null,this.#v=null,this.#R()}attributeChangedCallback(e){if(this.isConnected){if((e===`tint`||e===`mode`)&&this.#w(),e===`mode`&&this.#n&&this.mode!==this.#y&&this.#O()){this.#F(),this.#S();return}this.#S(),this.#C()}}get mode(){let e=this.getAttribute(`mode`);return e&&Br.has(e)?e:`cone`}set mode(e){this.setAttribute(`mode`,e)}get coverage(){let e=this.mode===`cone`?P.caramel.coverage:.66;return F(Number.parseFloat(this.getAttribute(`coverage`)??``),0,1,e)}set coverage(e){this.setAttribute(`coverage`,String(e))}get intensity(){return F(Number.parseFloat(this.getAttribute(`intensity`)??``),0,4,1)}set intensity(e){this.setAttribute(`intensity`,String(e))}get scrollOffset(){let e=Number.parseFloat(this.getAttribute(`scroll`)??``);return Number.isFinite(e)?e:0}set scrollOffset(e){this.setAttribute(`scroll`,String(e))}get brightness(){return F(Number.parseFloat(this.getAttribute(`brightness`)??``),.5,1.5,P.caramel.brightness)}set brightness(e){this.setAttribute(`brightness`,String(e))}get contrast(){return F(Number.parseFloat(this.getAttribute(`contrast`)??``),.5,2,P.caramel.contrast)}set contrast(e){this.setAttribute(`contrast`,String(e))}get noise(){return F(Number.parseFloat(this.getAttribute(`noise`)??``),0,.3,P.caramel.noise)}set noise(e){this.setAttribute(`noise`,String(e))}get blurAmount(){return F(Number.parseFloat(this.getAttribute(`blur`)??``),0,1,P.caramel.blur)}set blurAmount(e){this.setAttribute(`blur`,String(e))}get speed(){return F(Number.parseFloat(this.getAttribute(`speed`)??``),0,2,P.caramel.speed)}set speed(e){this.setAttribute(`speed`,String(e))}get noWebgl(){return this.hasAttribute(`no-webgl`)}pulse(e=1){this.#u=Math.min(1.4,this.#u+e),this.#f&&this.#F()}#S(){let e=this.#e.querySelector(`.fallback`);e&&(e.style.background=Vr[this.mode])}#C(){this.#f&&this.#n&&this.#F()}#w(){let e=this.getAttribute(`tint`)??(this.mode===`cone`?P.caramel.tint:``);this.#p=Kr(e,[.545,.361,.965]),this.#m=Kr(e,[.957,.247,.369]),this.#h=this.#P()}#T(){let e=()=>{this.#w(),this.#C()};if(typeof MutationObserver<`u`){this.#g=new MutationObserver(e);for(let e of[document.documentElement,document.body])e&&this.#g.observe(e,{attributes:!0,attributeFilter:[`class`,`data-theme`]})}typeof matchMedia==`function`&&(this.#_=matchMedia(`(prefers-color-scheme: dark)`),this.#v=e,this.#_.addEventListener(`change`,this.#v))}#E(e,t,n){let r=e.createShader(t);return r?(e.shaderSource(r,n),e.compileShader(r),e.getShaderParameter(r,e.COMPILE_STATUS)?r:(e.deleteShader(r),null)):null}#D(e){let t=this.#n;if(!t)return null;let n=this.#E(t,t.VERTEX_SHADER,Nr),r=this.#E(t,t.FRAGMENT_SHADER,zr[e]);if(!n||!r)return n&&t.deleteShader(n),r&&t.deleteShader(r),null;let i=t.createProgram();if(!i)return t.deleteShader(n),t.deleteShader(r),null;if(t.attachShader(i,n),t.attachShader(i,r),t.linkProgram(i),!t.getProgramParameter(i,t.LINK_STATUS))return t.deleteProgram(i),t.deleteShader(n),t.deleteShader(r),null;let a=t.getAttribLocation(i,`a_pos`),o={};for(let e of Gr)o[e]=t.getUniformLocation(i,e);return{program:i,vs:n,fs:r,aPos:a,loc:o}}#O(){let e=this.#n;if(!e)return!1;let t=this.mode,n=this.#i[t];if(!n){let e=this.#D(t);if(!e)return!1;this.#i[t]=e,n=e}return this.#r=n.program,this.#s=n.aPos,this.#o=n.loc,e.useProgram(n.program),this.#y=t,!0}#k(){let e=this.#t;if(!e)return!1;let t={premultipliedAlpha:!0,alpha:!0,antialias:!0},n=null;try{n=e.getContext(`webgl`,t)??e.getContext(`experimental-webgl`,t)}catch{n=null}return n?(this.#n=n,this.#j(e),this.#A()?!0:(this.#R(),!1)):!1}#A(){let e=this.#n;if(!e||!this.#O())return!1;let t=e.createBuffer();return t?(this.#a=t,e.bindBuffer(e.ARRAY_BUFFER,t),e.bufferData(e.ARRAY_BUFFER,new Float32Array([-1,-1,3,-1,-1,3]),e.STATIC_DRAW),!0):!1}#j(e){this.#M(e),this.#b=e=>{e.preventDefault(),this.#L(),this.#i={},this.#r=null,this.#y=null,this.#o={},this.#a=null},this.#x=()=>{!this.isConnected||!this.#n||(this.#i={},this.#A()&&(this.#l=performance.now()/1e3,this.#f?this.#F():this.#I()))},e.addEventListener(`webglcontextlost`,this.#b,!1),e.addEventListener(`webglcontextrestored`,this.#x,!1)}#M(e){this.#b&&e.removeEventListener(`webglcontextlost`,this.#b),this.#x&&e.removeEventListener(`webglcontextrestored`,this.#x),this.#b=null,this.#x=null}#N(){let e=this.#t;if(!e)return;let t=Math.min(Ur,typeof window<`u`&&window.devicePixelRatio||1),n=Math.max(1,e.clientWidth*t|0),r=Math.max(1,e.clientHeight*t|0);(e.width!==n||e.height!==r)&&(e.width=n,e.height=r)}#P(){if(typeof getComputedStyle!=`function`)return 0;let e=getComputedStyle(this).getPropertyValue(`--ink`).trim();if(!e)return 0;let[t,n,r]=Kr(e,[0,0,0]);return+(.2126*t+.7152*n+.0722*r>.5)}#F(){let e=this.#n,t=this.#t,n=this.#r;if(!e||!t||!n||!this.#a)return;this.#N();let r=performance.now()/1e3-this.#l,i=.5+.5*Math.sin(r*.12),a=.5+.5*Math.sin(r*.097+1),o=.2*(1-i)+.46*i,s=.74*(1-a)+.3*a,c=this.#h,l=this.#p,u=this.#m;e.viewport(0,0,t.width,t.height),e.useProgram(n),e.bindBuffer(e.ARRAY_BUFFER,this.#a),e.enableVertexAttribArray(this.#s),e.vertexAttribPointer(this.#s,2,e.FLOAT,!1,0,0);let d=this.#o;e.uniform2f(d.u_res??null,t.width,t.height),e.uniform1f(d.u_time??null,r),e.uniform1f(d.u_energy??null,this.#u),e.uniform2f(d.u_center??null,o,s),e.uniform3f(d.u_evt??null,u[0],u[1],u[2]),e.uniform1f(d.u_freeze??null,F(this.coverage*this.intensity,0,1,.66)*2.2),e.uniform1f(d.u_dark??null,c),e.uniform1f(d.u_scroll??null,this.scrollOffset*Wr/Math.max(1,t.clientHeight||t.height)),e.uniform1f(d.u_falloff??null,.3),e.uniform1f(d.u_life??null,.35),e.uniform3f(d.u_tint??null,l[0],l[1],l[2]),e.uniform1f(d.u_brightness??null,this.brightness),e.uniform1f(d.u_contrast??null,this.contrast),e.uniform1f(d.u_noise??null,this.noise),e.uniform1f(d.u_blur??null,this.blurAmount),e.uniform1f(d.u_speed??null,this.speed),e.drawArrays(e.TRIANGLES,0,3),this.#u*=.95,this.#u<.001&&(this.#u=0)}#I(){if(this.#c)return;let e=()=>{this.#F(),this.#c=requestAnimationFrame(e)};this.#c=requestAnimationFrame(e)}#L(){this.#c&&cancelAnimationFrame(this.#c),this.#c=0}#R(){let e=this.#n,t=this.#t;if(t&&this.#M(t),e){this.#a&&e.deleteBuffer(this.#a);for(let t of Object.values(this.#i))t&&(e.deleteProgram(t.program),e.deleteShader(t.vs),e.deleteShader(t.fs));e.getExtension(`WEBGL_lose_context`)?.loseContext()}this.#n=null,this.#r=null,this.#i={},this.#o={},this.#a=null,this.#y=null}};C(`slicc-shader`,qr),C(`slicc-frost-shader`,class extends qr{connectedCallback(){this.getAttribute(`mode`)!==`freezer`&&this.setAttribute(`mode`,`freezer`),super.connectedCallback()}});var Jr=`# Memory
|
|
2874
2892
|
|
|
2875
|
-
`,
|
|
2893
|
+
`,Yr=[`**Evidence first:** inspect the smallest relevant surface before editing and record the observed state.`,`**Narrow plans:** keep one measurable outcome, one implementation pass, and one verification pass.`,`**Runtime state:** prefer browser-owned storage and keep the relay stateless whenever practical.`,`**Failure boundaries:** external work needs a timeout, a useful error category, and an explicit retry decision.`,"**Keyboard parity:** interactive rows remain focusable and respond to both `Enter` and `Space`.",`**Memory rendering:** preserve Markdown meaning while sanitizing untrusted tags at the DOM boundary.`,`**Cross-runtime parity:** shared events need matching page, worker, extension, and follower handling.`,`**Verification records:** report the exact command, outcome, and scope instead of writing only “tests pass”.`,`**Synthetic data:** use neutral paths, reserved domains, and conspicuously invented identifiers in fixtures.`,`**Collaboration:** coordinate public-barrel edits before overlapping with another active implementation.`],Xr=["Keep the durable rule beside `packages/example.ts` so later work can reproduce the decision without a transcript.",`Preserve selection, expansion, and scroll state when a refresh replaces visible children.`,`Run the focused regression first; broaden to package and repository gates only after the hypothesis holds.`,'Treat A & B, “quoted labels”, arrows →, and `<preview mode="safe">` as text rather than executable markup.',`Prefer a reversible patch over a destructive command when the target was inferred rather than supplied.`,`Stop exploring when another read no longer changes the hypothesis; switch to a test or focused question.`,`Document the invalidation trigger when cached data can become stale, and retain a correctness bypass.`,`Release every listener, timer, observer, channel, and object URL during the matching teardown path.`,`Keep logs to operation name, duration, status, and a synthetic correlation label; omit payload contents.`],Zr=Yr.flatMap(e=>Xr.map(t=>`- ${e} ${t}`)),Qr=[`- Keep diffs small.`,`- Prefer native APIs.`,`- Ship docs with code.`,`- No surprise deploys.`,"- **Continuation stress:** preserve one logical memory across source lines,\n carrying `inline-code`, emphasis, and an arrow → without creating another row.",'- **Escaping stress:** render `<preview mode="safe">`, A & B, “quotes”, and `score > threshold` as inert content.',`- **Reserved link:** [the synthetic reference](https://example.invalid/memory) exists only to exercise link rendering.`,`- **Medium tail:** before rebuilding a filtered collection, capture the query, focused control, selected row, group expansion, and scroll anchor; restore only state that still refers to surviving items.`,`- **Long tail:** ${`A long-lived panel decision was reviewed in sequence: a compact sample initially hid scale problems; a larger dataset exposed discarded provenance and summaries cut mid-phrase; Markdown stress then revealed literal markers; keyboard review found pointer-only activation; narrow layouts showed metadata competing with the primary text; refresh testing exposed lost search, focus, expansion, and scroll state; cross-runtime review found a missing follower path; failure testing identified an unbounded request; cleanup testing found a retained observer; and final verification required the focused test, package suite, coverage gate, and build. `.repeat(2).trim()}`,`- **Folded long tail:** a remote action keeps one event contract and preserves error categories across serialization,
|
|
2876
2894
|
terminates pending requests on disconnect, and verifies timeout plus malformed-response behavior,
|
|
2877
|
-
while this third source line remains part of the same bullet and contains “quotes”, A & B, and <angle brackets>.`]
|
|
2878
|
-
`)}\n`}
|
|
2879
|
-
`),`${
|
|
2895
|
+
while this third source line remains part of the same bullet and contains “quotes”, A & B, and <angle brackets>.`],$r=[...Zr,...Qr],ei=[[`2099-01-03`,`compaction`],[`2099-01-10`,`new-session`],[`2099-01-18`,`compaction`],[`2099-02-02`,`pending-enrichment`],[`2099-02-14`,`new-session`],[`2099-03-01`,`compaction`],[`2099-03-21`,`pending-enrichment`],[`2099-04-05`,`compaction`],[`2099-04-19`,`new-session`],[`2099-05-07`,`compaction`]];function ti(e,t,n){return`## Auto-extracted (${e}, ${t})\n\n${n.join(`
|
|
2896
|
+
`)}\n`}Jr+ei.map(([e,t],n)=>ti(e,t,$r.slice(n*10,n*10+10))).join(`
|
|
2897
|
+
`),`${Jr}${$r.join(`
|
|
2880
2898
|
`)}`,[`# Project Northstar`,``,`Role: Kestrel (primary engineering agent)`,`Workspace: /workspaces/northstar`,`Snapshot: 2032-04-18T14:15:51.712Z`,``,`## Operating agreements`,"- **Keep Northstar changes reviewable:** issue #501 requires one concern per branch in `packages/northstar-shell/src/` with fixtures under `/workspaces/northstar/testdata/`; run `keel verify --scope shell` before asking Mina Kestrel for `review_ready` status. The branch note in `packages/northstar-shell/reviews/` explains the user-visible outcome, the measured baseline, and the exact rollback point so another engineer can judge the change without reconstructing the session.","- **Prefer evidence before edits:** issue #502 starts with traces from `packages/telemetry/src/` and a reproduction in `/workspaces/northstar/repros/`; record the failing `trace_id` and the smallest useful `fixture_seed` before changing code. The supporting report in `packages/telemetry/reports/` separates observed behavior from a proposed cause and includes the command, expected result, actual result, and environment assumptions.","- **Use the native release path:** issue #503 sends text-only patches through `packages/release-tools/src/` and stores large binary fixtures in `/workspaces/northstar/artifacts/`; invoke `keel publish --dry-run` and confirm `release_manifest_v3` before upload. The release record in `packages/release-tools/records/` names every artifact, its content digest, the verification run that produced it, and the person who approved promotion.","- **Never merge on assumption:** issue #504 leaves the candidate in `packages/change-gate/src/` until `/workspaces/northstar/reviews/` contains an explicit approval; use `keel review status` and preserve the requested `merge_strategy`. The decision log in `packages/change-gate/decisions/` states whether history must remain linear and whether a reviewer requested a merge commit for audit context.",``,`## Repository and release workflow`,"- **Branch from the verified base:** issue #505 creates work in `packages/release-tools/branches/` and writes the base proof to `/workspaces/northstar/checkpoints/`; `keel branch create` must report the expected `base_oid`. The branch receipt in `packages/release-tools/receipts/` also captures the remote name and fetch time, which makes stale-base failures obvious during review.","- **Rebase only when linear history is required:** issue #506 keeps merge-preserving work in `packages/change-gate/policies/` and conflict notes in `/workspaces/northstar/reviews/`; choose `merge_commit` or `linear_rebase` from the recorded policy, never from habit. Guidance under packages/change-gate/guides/rebase/ requires a fresh verification run after conflict resolution because a clean textual rebase does not prove unchanged behavior.","- **Treat remote deletion as a gated operation:** issue #507 resolves the exact ref through `packages/release-tools/refs/` and snapshots it in `/workspaces/northstar/checkpoints/`; call `keel ref delete --confirm` only after `ref_guard` matches. The recovery note under packages/release-tools/guides/restore/ retains the deleted object identifier and a tested restore command until the review window closes.",``,`## Aurora renderer bootstrap — desktop preview (Session April 02)`,"- **Create the preview shell:** issue #508 keeps the host in `packages/aurora-preview/src/` and its deterministic scene data in `/workspaces/northstar/fixtures/aurora/`; start `keel preview aurora` with `scene_seed_2048`. A walkthrough under packages/aurora-preview/guides/startup/ lists the expected loading, ready, degraded, and failed states so reviewers know whether the shell or renderer owns a defect.","- **Load the renderer through its public package:** issue #509 imports `@northstar/aurora` from `/workspaces/northstar/apps/desktop/` and pins `aurora_protocol_v6`; the preview must not reach the private `renderer_singleton`. Contract notes under packages/aurora-preview/guides/contracts/ describe the mount lifecycle and require the host to release observers, workers, and object URLs during teardown.","- **Keep browser and desktop entry points equivalent:** issue #510 compares `packages/aurora-preview/browser/` with `/workspaces/northstar/apps/desktop/`; both expose `mountAuroraPreview` and accept `preview_transport`. Parity evidence under packages/aurora-preview/reviews/parity/ records the same scene, viewport, theme, keyboard path, and frame checksum for each host.","- **Pass viewer identity without personal data:** issue #511 reads `packages/aurora-preview/config/` and `/workspaces/northstar/fixtures/viewers/`; use `viewer_alpha` plus `tenant_sandbox`, never an account copied from production. The fixture catalog under packages/aurora-preview/fixtures/viewers/ explains each synthetic role and deliberately omits names, credentials, message history, and customer content.","- **Document the development-only compositor:** the guide in `packages/aurora-preview/docs/` points to `/workspaces/northstar/examples/compositor/`; `keel preview --inspect` exposes `frame_budget_ms` for local diagnosis. The inspector reports dropped frames, long tasks, active workers, and selected fallback mode without changing the scheduling decisions being measured.","- **Bundle Aurora without runtime network fetches:** build `packages/aurora-preview/bundle/` into `/workspaces/northstar/artifacts/aurora/` with `rook bundle --target desktop`; the output registers `aurora_bundle_hash` and embeds shader tables, icon atlases, locale data, fallback fonts, protocol schemas, worker bootstrap code, source labels, feature defaults, accessibility metadata, safe demo accounts, and the exact scene seed used by review. The host imports one local module, validates the manifest before evaluation, rejects unknown capabilities, records a structured startup trace, and keeps every optional adapter behind a capability check. When the packager rewrites an external import, inspect the emitted dependency map rather than adding a global shim. The accepted bundle must boot with the network disabled, survive a renderer restart, restore the selected scene, preserve focus order, report missing GPU features as a visible diagnostic, and produce the same frame checksum in Chromium and the desktop shell. Store the checksum beside the manifest, not in application code, so a fixture update is reviewable without touching runtime behavior.","- **Aurora offline recovery drill for the desktop preview** uses `packages/aurora-preview/fallback/` and `/workspaces/northstar/apps/desktop/assets/` with `aurora_fallback_entry` after `gpu_probe_result` records unsupported adapter evidence then the host verifies the local manifest restores the selected scene preserves keyboard focus retains the review viewport loads bundled fonts rejects network requests emits a visible diagnostic stores the frame checksum beside the artifact compares browser and desktop output keeps the original trace identifier and leaves the normal renderer untouched for the next controlled restart",``,`## Signal audio service — capture and transcription pipeline`,"- **Keep voice fixtures synthetic:** write generated samples to `packages/signal-audio/fixtures/` and metadata to `/workspaces/northstar/testdata/audio/`; select `signal_voice_cedar` with `sample_rate_24000`. The catalog under packages/signal-audio/guides/fixtures/ states how each sample was generated and which timing, silence, overlap, and clipping cases it is meant to exercise.","- **Resolve credentials through the fixture broker:** configure `packages/signal-audio/auth/` from `/workspaces/northstar/config/local/`; `keel secret lease signal` returns `signal_lease_ref` without exposing token material. The runbook under packages/signal-audio/guides/auth/ distinguishes a missing lease, an expired lease, provider denial, and an unavailable broker so recovery remains specific.","- **Use the streaming endpoint for long utterances:** send chunks from `packages/signal-audio/stream/` through `/workspaces/northstar/repros/audio/`; the client tracks `utterance_seq` and rejects a stale `transcript_epoch`. Evidence under packages/signal-audio/reviews/streaming/ includes chunk timing and final ordering, making dropped, duplicated, and late frames visible without retaining spoken content.","- **Preserve binary audio until decoding succeeds:** `packages/signal-audio/codecs/` writes to `/workspaces/northstar/artifacts/audio/`; `signal_decode_pcm` returns `decoded_frame_count` before text normalization. Notes under packages/signal-audio/guides/codecs/ require the original byte length, channel count, sample rate, and decoder warning before any waveform is discarded.",``,`## Harbor control-plane CLI (Session April 05, #401)`,"- **Define Harbor as a thin API client:** keep commands in `packages/harbor-cli/src/` and contract fixtures in `/workspaces/northstar/testdata/harbor/`; `harbor project list` emits `harbor_result_v2`. This boundary keeps command behavior easy to inspect, lets the service remain the source of truth, and gives every failure one clear place for diagnosis.","- **Store only a broker reference:** `packages/harbor-cli/auth/` reads `/workspaces/northstar/config/local/`; `harbor auth login` persists `credential_handle`, never a bearer value. A later command can ask the broker for a short lease while the terminal, history, trace, and saved configuration remain free of secret material.","- **Normalize boolean flags at the boundary:** `packages/harbor-cli/args/` tests `/workspaces/northstar/repros/harbor/`; `--include-paused=false` becomes `include_paused` rather than a truthy string. The same rule covers an omitted flag, an explicit true value, and a false value so script behavior does not depend on parser accident.","- **Do not edit remote files with shell redirection:** fetch through `packages/harbor-cli/files/` into `/workspaces/northstar/checkpoints/`; `harbor file replace` validates `remote_etag` before committing. The client first writes a complete local draft, shows a compact difference, and sends the whole document only after the expected revision still matches.","- **Read structured responses before printing:** `packages/harbor-cli/output/` stores schemas under `/workspaces/northstar/testdata/schemas/`; `harbor --format json` preserves `error_code` and nested causes. Human output may become shorter, but machine output must retain every field needed for retry, support, audit, and a later automated decision.","- **Refresh expired leases once:** `packages/harbor-cli/retry/` records attempts in `/workspaces/northstar/traces/`; `harbor_lease_expired` may trigger one `credential_refresh`, not a loop. A second denial is returned with the first request identity and lease age so the operator sees a stable failure rather than repeated login work.","- **Map provider failures to actionable hints:** `packages/harbor-cli/errors/` uses `/workspaces/northstar/docs/runbooks/`; `deployment_policy_denied` points to `harbor deployment inspect`. Each hint names the blocked resource, the required capability, and a safe read-only command that can confirm policy state before any new request.",``,`## Atlas runtime and plugin packaging (Session April 07, #418)`,"- **Build Atlas from a readable entry module:** `packages/atlas-runtime/src/` produces `/workspaces/northstar/artifacts/atlas/`; `rook build atlas` keeps `atlas_entrypoint` stable. The entry names each adapter and capability in one visible table, which makes bundle review possible without following generated glue across many small files.","- **Install plugins into an isolated sandbox:** `packages/atlas-runtime/plugins/` expands under `/workspaces/northstar/sandboxes/atlas/`; `atlas plugin inspect` verifies `plugin_manifest_v4`. Extraction rejects parent traversal, absolute names, duplicate entries, and unsupported links before any plugin code can observe the host or write outside its assigned directory.","- **Share filesystem adapters across hosts:** `packages/atlas-runtime/adapters/` is tested against `/workspaces/northstar/testdata/files/`; `atlas_read_bytes` and `atlas_write_atomic` retain binary data. Browser and desktop implementations must agree on path normalization, missing file behavior, atomic replacement, permission denial, and the byte count returned after a write.","- **Externalize host-owned modules:** `packages/atlas-runtime/build/` writes `/workspaces/northstar/artifacts/maps/`; `rook bundle --external host` marks `host_module_table` in the manifest. The loader resolves only names declared by that table and reports an absent host module before plugin startup rather than after partial state has changed.","- **Preserve integer field types during schema conversion:** `packages/atlas-runtime/schema/` compares `/workspaces/northstar/testdata/events/`; `packet_sequence` stays numeric in `atlas_event_v3`. The conversion test also covers zero, the largest safe value, a missing optional field, and an invalid string so type loss cannot hide in ordinary data.","- **Treat unknown extensions as data:** `packages/atlas-runtime/loader/` copies `/workspaces/northstar/fixtures/plugins/`; `atlas_load_module` uses `declared_media_type` instead of filename guessing. This permits a host to choose the correct evaluator while an untrusted plugin cannot change execution mode by selecting a familiar suffix.","- **Verify large artifacts through content hashes:** `packages/atlas-runtime/cache/` indexes `/workspaces/northstar/artifacts/atlas/`; `atlas artifact verify` checks `sha256_digest` before activation. Size and digest are checked after download and again before load, with one clear error that names which step observed an unexpected value.","- **Detect build drift against one canonical artifact:** `packages/atlas-runtime/ci/` reads `/workspaces/northstar/checkpoints/builds/`; `keel drift atlas` compares `canonical_bundle_id` rather than tool banners. A green result means the committed artifact matches the verified build output, not merely that two tools printed a similar version name.",``,`## Relay deployment automation (Session April 09, #433)`,"- **Acquire deployment credentials per operation:** `packages/relay-deploy/auth/` resolves `/workspaces/northstar/config/relay/`; `relay credential lease` returns `relay_lease_id`. The lease is bound to one provider and action, expires quickly, and can be revoked without changing local configuration or any unrelated deployment session.","- **Use immutable release descriptors:** `packages/relay-deploy/manifests/` publishes `/workspaces/northstar/artifacts/releases/`; `relay deploy plan` pins `release_descriptor_sha`. Review therefore covers the exact image, configuration, migration, and rollback input that promotion will consume rather than a mutable branch or floating tag.","- **Model provider capabilities explicitly:** `packages/relay-deploy/providers/` tests `/workspaces/northstar/testdata/providers/`; `provider_capability_set` prevents unsupported preview creation. A plan can explain which feature is absent and offer a compatible path before it asks a remote service to begin work.","- **Write remote documents atomically:** `packages/relay-deploy/files/` stages `/workspaces/northstar/checkpoints/remote/`; `relay file put` requires `expected_revision`. This prevents a short replacement from leaving stale tail content and prevents a concurrent operator from losing a newer remote change.","- **Keep retry policy narrow:** `packages/relay-deploy/retry/` reads `/workspaces/northstar/docs/runbooks/`; `relay_retryable_error` excludes policy denials and invalid manifests. Delay includes a firm attempt limit and a stable request identity so a temporary transport fault cannot become duplicate provider work.","- **Promote the artifact already tested:** `packages/relay-deploy/promote/` selects `/workspaces/northstar/artifacts/releases/`; `relay promote` verifies `tested_artifact_sha`. The command refuses a rebuild during promotion because even an equivalent source revision can yield a different dependency graph or bundle digest.",``,`## Orbit browser collaboration (Session April 11, #447)`,"- **Represent each shared tab as an Orbit room:** `packages/orbit-collab/rooms/` persists `/workspaces/northstar/testdata/orbit/`; `orbit room create` returns `room_epoch` and `participant_slot`. Room identity stays stable across transport replacement, while a new epoch makes every participant reject late state from a connection that no longer owns the session.","- **Send cursor updates as replaceable state:** `packages/orbit-collab/presence/` replays `/workspaces/northstar/fixtures/presence/`; `orbit_presence_v5` coalesces superseded coordinates. Presence may be lost without harming the document because the next update replaces it, which keeps interaction smooth under delay without building an unbounded queue.","- **Keep durable messages separate from presence:** `packages/orbit-collab/messages/` writes `/workspaces/northstar/checkpoints/orbit/`; `orbit message append` assigns `message_sequence`. A message is acknowledged only after durable storage, and replay begins after the highest sequence already seen so reconnect cannot create a duplicate conversation entry.","- **Recover from a stale browser execution context:** `packages/orbit-collab/browser/` logs `/workspaces/northstar/traces/orbit/`; `orbit context renew` increments `context_generation`. The old context is detached before a new observer is added, preventing both generations from sending navigation and focus events for the same visible tab.","- **Capture collaboration evidence through the public surface:** `packages/orbit-collab/qa/` stores `/workspaces/northstar/artifacts/screens/`; `keel orbit snapshot` records `active_room_id`. Review uses the same controls available to a person, then records visible member state, selected room, pending draft, and transport health beside the image.","- **Preserve pending input during reconnect:** `packages/orbit-collab/drafts/` tests `/workspaces/northstar/repros/reconnect/`; `draft_revision` survives one `transport_rebind`. The draft remains local until send succeeds, and a successful acknowledgement clears only the revision that was actually delivered rather than newer text still being edited.",``,`## Incident review — reconnect storm (Session April 12)`,"- **Root cause was competing transport owners:** `packages/orbit-collab/transport/` and `/workspaces/northstar/repros/reconnect/` both advanced `room_epoch`; the fix elects one `transport_owner`. The incident began when a browser wake event and a network return event each created a connection before either could observe the other.","- **The retry loop hid the first useful error:** `packages/orbit-collab/retry/` now records `/workspaces/northstar/traces/incidents/`; `first_failure_code` is retained in `reconnect_report`. Later timeout noise remains available in the trace, but the summary leads with the event that first moved the room away from healthy state.","- **Recovery must preserve the draft and selected room:** `packages/orbit-collab/state/` replays `/workspaces/northstar/fixtures/recovery/`; `orbit_recover_state` restores `active_room_id`. The acceptance check covers unsent text, keyboard focus, scroll position, participant order, and exactly one successful delivery after transport recovery.",``,`## Mobile companion sync (Session April 14, #462)`,"- **Pair the companion with an ephemeral code:** `packages/mobile-sync/pairing/` verifies `/workspaces/northstar/testdata/pairing/`; `mobile_pair_code` expires with `pairing_epoch`. Approval shows the synthetic device name and requested capability before either side accepts, and cancellation invalidates the code immediately rather than waiting for normal expiry.","- `packages/mobile-sync/outbox/` mirrors `/workspaces/northstar/fixtures/offline/`; `mobile_outbox_flush` preserves ordering after a network transition. Each item carries a local sequence and stable identity, so a retry can continue after the last acknowledgement without losing or repeating an action.","- `packages/mobile-sync/media/` writes `/workspaces/northstar/artifacts/mobile/`; `mobile_media_chunk` carries a checksum before upload. The receiver verifies every chunk before assembly and reports the first damaged range, which permits a narrow retry instead of sending the complete recording again.","- `packages/mobile-sync/notifications/` reads `/workspaces/northstar/testdata/push/`; `notification_dedupe_key` prevents duplicate alerts after resume. Foreground delivery updates visible state without another banner, while background delivery presents one alert that opens the exact room named by the event.","- `packages/mobile-sync/state/` compares `/workspaces/northstar/checkpoints/mobile/`; `mobile_state_merge` rejects an older `device_epoch`. Merge keeps local draft content, accepts newer durable state, and records a conflict when both sides changed the same preference after their common revision.","- `packages/mobile-sync/diagnostics/` exports `/workspaces/northstar/traces/mobile/`; `mobile_diag_bundle` removes payload text but keeps timing. The bundle includes version, platform, connection change, queue depth, retry count, and state generation so support can reason about order without reading user content.","- `packages/mobile-sync/accessibility/` tests `/workspaces/northstar/fixtures/a11y/`; `focus_restore_target` survives a view rebuild. The check follows pairing, room choice, draft entry, send, background, and resume with a keyboard so focus order is verified through a complete task.","- `packages/mobile-sync/release/` stages `/workspaces/northstar/artifacts/mobile/`; `mobile_release_channel` defaults to the review track. Promotion requires the same signed archive that passed device smoke review, with no rebuild or configuration change between approval and publication.","- `packages/mobile-sync/qa/` records `/workspaces/northstar/reviews/mobile/`; `mobile_smoke_matrix` covers offline launch, resume, and re-pairing. Each case states the initial network and account state, the exact action, the visible result, and the durable state expected after another launch.",``,`## Release readiness (Session April 16)`,"- `packages/release-checks/lint/` scans `/workspaces/northstar/checkpoints/release/`; `keel verify lint` writes `lint_run_id` for the candidate. Review links that identity rather than a copied summary so any warning, formatter change, or excluded file remains visible in its original context.","- `packages/release-checks/types/` scans `/workspaces/northstar/checkpoints/release/`; `keel verify types` records `type_graph_hash`. A later source or dependency change invalidates that graph and requires another check before the candidate can share the earlier result.","- `packages/release-checks/tests/` reads `/workspaces/northstar/testdata/`; `keel verify tests` stores `test_matrix_id`. The matrix names every package, host, browser, and fixture group that ran, making an omitted surface as visible as a failed assertion.","- `packages/release-checks/coverage/` reads `/workspaces/northstar/artifacts/coverage/`; `keel verify coverage` compares `coverage_floor_set`.","- `packages/release-checks/build/` emits `/workspaces/northstar/artifacts/builds/`; `keel verify build` stamps `bundle_manifest_sha`.","- `packages/release-checks/smoke/` stores `/workspaces/northstar/reviews/smoke/`; `keel verify smoke` requires `reviewer_ack`.",``,`## Durable project reference`,``,`### People and product context`,"- Mina Kestrel leads Northstar product engineering; the synthetic team directory lives in `packages/project-context/people/` and uses `mina_kestrel` plus `product_lead`.","- Oren Vale owns the Aurora renderer; notes in `packages/project-context/people/` use `oren_vale` and `rendering_owner`.","- Jules Rowan owns Harbor and Relay; entries in `packages/project-context/people/` use `jules_rowan` and `control_plane_owner`.","- Nia Ember owns Signal audio; records in `packages/project-context/people/` use `nia_ember` and `audio_owner`.","- Kestrel is the primary engineering agent; `/workspaces/northstar/agents/` maps `agent_kestrel` to `northstar_generalist`.","- Northstar is a fictional collaborative desktop environment; `/workspaces/northstar/docs/` defines `northstar_product` and `desktop_collaboration`.","- Aurora renders local workspaces and review scenes; `/workspaces/northstar/docs/` defines `aurora_renderer` and `scene_protocol_v6`.","- Atlas hosts sandboxed extensions; `/workspaces/northstar/docs/` defines `atlas_runtime` and `plugin_manifest_v4`.","- Harbor manages control-plane resources; `/workspaces/northstar/docs/` defines `harbor_cli` and `harbor_result_v2`.","- Relay promotes verified artifacts; `/workspaces/northstar/docs/` defines `relay_deploy` and `release_descriptor_sha`.","- Orbit synchronizes shared browser state; `/workspaces/northstar/docs/` defines `orbit_collab` and `room_epoch`.","- Signal captures and transcribes synthetic audio; `/workspaces/northstar/docs/` defines `signal_audio` and `utterance_seq`.","- Keel is the repository and verification CLI; `/workspaces/northstar/docs/` defines `keel_cli` and `verification_run`.","- Rook is the deterministic package builder; `/workspaces/northstar/docs/` defines `rook_builder` and `bundle_manifest`.","- The demo tenant is always synthetic; `/workspaces/northstar/fixtures/` uses `tenant_sandbox` and `viewer_alpha`.","- Review accounts use the reserved invalid domain; `/workspaces/northstar/fixtures/` stores `mina@example.invalid` and `oren@example.invalid`.","- Dates and identifiers describe an invented future project; `/workspaces/northstar/docs/` labels `fixture_provenance` and `synthetic_only`.","- Product decisions favor understandable failure states; `/workspaces/northstar/docs/` records `visible_diagnostics` and `recoverable_actions`.",``,`### Engineering preferences`,"- Keep each review branch narrow; `/workspaces/northstar/reviews/` records `change_scope` and `review_owner`.","- Prefer native text patches for source changes; `/workspaces/northstar/checkpoints/` records `patch_digest` and `base_oid`.","- Wait on CI through the supported command; `/workspaces/northstar/checkpoints/` stores `verification_run` and `final_status`.","- Never commit credential material; `/workspaces/northstar/config/` contains `credential_handle` and `lease_expiry` only.","- Require explicit confirmation before production promotion; `/workspaces/northstar/reviews/` stores `promotion_approval` and `rollback_plan`.","- Reproduce failures before changing a workaround; `/workspaces/northstar/repros/` stores `fixture_seed` and `first_failure_code`.","- Diagnose invisible failures with traffic and state metrics; `/workspaces/northstar/traces/` tracks `request_count` and `state_generation`.","- Use exact units instead of ambiguous shorthand; `/workspaces/northstar/docs/` prefers `approximately` and `milliseconds`.","- Keep secrets inside the broker boundary; `/workspaces/northstar/config/` exposes `credential_handle` and `provider_scope`.","- Report regressions with measured before and after values; `/workspaces/northstar/reviews/` records `baseline_metric` and `candidate_metric`.",``,`### Repository and verification map`,"- The monorepo root is `/workspaces/northstar/`; `packages/northstar-shell` contains the desktop host and `keel verify shell` is its focused gate.","- Aurora lives in `/workspaces/northstar/packages/`; `@northstar/aurora` is the public package and `aurora_protocol_v6` is the renderer contract.","- Atlas lives in `/workspaces/northstar/packages/`; `@northstar/atlas-runtime` owns plugin loading and `plugin_manifest_v4` is its schema.","- Harbor and Relay live in `/workspaces/northstar/packages/`; `@northstar/harbor-cli` owns commands and `release_descriptor_sha` identifies promotion input.","- Orbit and Signal live in `/workspaces/northstar/packages/`; `@northstar/orbit-collab` owns shared state and `utterance_seq` orders audio text.","- All synthetic fixtures live in `/workspaces/northstar/testdata/`; `keel verify fixtures` checks privacy and `fixture_provenance` marks their source.",``,`### Infrastructure and operations`,"- The local control plane uses `/workspaces/northstar/config/`; `harbor_local_profile` selects the sandbox and `credential_handle` references broker state.","- Preview artifacts use `/workspaces/northstar/artifacts/`; `aurora_bundle_hash` identifies the renderer and `canonical_bundle_id` drives drift checks.","- Deployment manifests use `/workspaces/northstar/artifacts/`; `release_descriptor_sha` pins content and `tested_artifact_sha` gates promotion.","- Collaboration traces use `/workspaces/northstar/traces/`; `room_epoch` identifies a session and `context_generation` identifies browser renewal.","- Mobile diagnostics use `/workspaces/northstar/traces/`; `mobile_diag_bundle` strips content and `device_epoch` orders state.","- Incident runbooks use `/workspaces/northstar/docs/`; `first_failure_code` names the initiating fault and `rollback_plan` names recovery.","- Review evidence uses `/workspaces/northstar/reviews/`; `baseline_metric` and `candidate_metric` keep UI judgments quantitative.","- Production promotion remains disabled in this fixture; `/workspaces/northstar/config/` sets `production_enabled` false and `tenant_sandbox` as the only tenant."].join(`
|
|
2881
|
-
`)+``;var
|
|
2899
|
+
`)+``;var ni=new Set([`user`,`feedback`,`project`]),ri={user:{hue:`--rose`,label:`user`},feedback:{hue:`--cyan`,label:`feedback`},project:{hue:`--violet`,label:`project`}};function ii(e){return e===`feedback`||e===`project`?e:`user`}var ai=E(`
|
|
2882
2900
|
:host {
|
|
2883
2901
|
display: inline-flex;
|
|
2884
2902
|
vertical-align: middle;
|
|
@@ -2900,13 +2918,13 @@ void main(){
|
|
|
2900
2918
|
background: color-mix(in srgb, var(--mtag-hue, var(--rose)) var(--mtag-fill), var(--canvas));
|
|
2901
2919
|
border: 1px solid color-mix(in srgb, var(--mtag-hue, var(--rose)) var(--mtag-border), var(--line));
|
|
2902
2920
|
}
|
|
2903
|
-
`),
|
|
2921
|
+
`),oi=`slicc-memtag-dark`,si=`
|
|
2904
2922
|
.dark slicc-memtag,
|
|
2905
2923
|
[data-theme="dark"] slicc-memtag {
|
|
2906
2924
|
--mtag-fill: 22%;
|
|
2907
2925
|
--mtag-border: 38%;
|
|
2908
2926
|
}
|
|
2909
|
-
`;function
|
|
2927
|
+
`;function ci(e){if(e.getElementById(oi))return;let t=e.createElement(`style`);t.id=oi,t.textContent=si,(e.head??e.documentElement).appendChild(t)}C(`slicc-memtag`,class extends HTMLElement{static observedAttributes=[`type`,`label`];#e;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[ai]}connectedCallback(){ci(this.ownerDocument),this.#t()}attributeChangedCallback(){this.isConnected&&this.#t()}get type(){return ii(this.getAttribute(`type`))}set type(e){this.setAttribute(`type`,ni.has(e)?e:`user`)}get label(){return this.getAttribute(`label`)}set label(e){e==null?this.removeAttribute(`label`):this.setAttribute(`label`,e)}#t(){let{hue:e,label:t}=ri[this.type],n=this.label??T(`slot`,null,t),r=T(`span`,{class:`mtag`,part:`tag`,style:`--mtag-hue:var(${e})`},n);this.#e.replaceChildren(r)}});var li=`
|
|
2910
2928
|
slicc-memrow {
|
|
2911
2929
|
display: block;
|
|
2912
2930
|
border: 1px solid var(--line);
|
|
@@ -3013,7 +3031,7 @@ slicc-memrow.fresh {
|
|
|
3013
3031
|
background: color-mix(in srgb, var(--violet) 22%, var(--canvas));
|
|
3014
3032
|
border-color: color-mix(in srgb, var(--violet) 38%, var(--line));
|
|
3015
3033
|
}
|
|
3016
|
-
`,
|
|
3034
|
+
`,ui=`slicc-memrow-style`,di=96,fi=12;function pi(e,t){if(e.length<=di)return{heading:e,summary:t};let n=e.slice(0,97).lastIndexOf(` `),r=n>=fi?n:di,i=e.slice(r).trim();return{heading:e.slice(0,r).trim(),summary:[i,t].filter(Boolean).join(` `)}}function mi(e){if(e.getElementById(ui))return;let t=e.createElement(`style`);t.id=ui,t.textContent=li,(e.head??e.documentElement).appendChild(t)}function hi(e){return e===`feedback`||e===`project`?e:`user`}C(`slicc-memrow`,class extends HTMLElement{static get observedAttributes(){return[`heading`,`summary`,`tag`,`fresh`,`expanded`]}#e=!1;#t=null;#n=null;#r=null;#i=null;#a=null;#o=null;#s=0;#c=!1;#l=!1;#u=null;#d=null;#f=null;connectedCallback(){mi(this.ownerDocument),this.#e||this.#p(),this.#m(),this.#y(),this.#h()}disconnectedCallback(){this.#b(),this.#o?.disconnect(),this.#o=null,this.#s&&cancelAnimationFrame(this.#s),this.#s=0}attributeChangedCallback(){this.#e&&this.#m()}get heading(){return this.getAttribute(`heading`)??``}set heading(e){e==null?this.removeAttribute(`heading`):this.setAttribute(`heading`,e)}get summary(){return this.getAttribute(`summary`)??``}set summary(e){e==null?this.removeAttribute(`summary`):this.setAttribute(`summary`,e)}get tag(){return hi(this.getAttribute(`tag`))}set tag(e){this.setAttribute(`tag`,e)}get fresh(){return this.hasAttribute(`fresh`)}set fresh(e){this.toggleAttribute(`fresh`,e)}get expanded(){return this.hasAttribute(`expanded`)}set expanded(e){this.toggleAttribute(`expanded`,e)}setHeadingContent(e){this.#c=!0,this.#n?this.#n.replaceChildren(e):this.#u=e}setBodyContent(e){this.#l=!0,this.#i?this.#i.replaceChildren(e):this.#d=e,this.#g()}#p(){this.#e=!0;let e=this.ownerDocument.createElement(`button`);e.className=`mt`,e.type=`button`;let t=this.ownerDocument.createElement(`b`),n=this.ownerDocument.createElement(`slicc-memtag`);e.append(t,n);let r=this.ownerDocument.createElement(`div`);for(r.className=`ms`;this.firstChild;)r.appendChild(this.firstChild);this.#u&&t.replaceChildren(this.#u),this.#d&&r.replaceChildren(this.#d),this.#u=null,this.#d=null,this.append(e,r),this.#t=e,this.#n=t,this.#r=n,this.#i=r}#m(){let e=this.#n,t=this.#r,n=this.#i;if(!e||!t||!n)return;let r=pi(this.heading,this.summary);this.#c||(e.textContent=r.heading);let i=this.tag;if(t.className=``,t.hidden=!this.hasAttribute(`tag`),t.setAttribute(`type`,i),t.textContent=``,!this.#l){let e=n.firstChild,t=r.summary;e&&e.nodeType===Node.TEXT_NODE?e.textContent=t:t&&n.insertBefore(this.ownerDocument.createTextNode(t),e)}this.classList.toggle(`fresh`,this.fresh),this.#v(),this.#g()}#h(){let e=this.#i;!e||this.#o||(this.#o=new ResizeObserver(()=>this.#g()),this.#o.observe(e),this.#g())}#g(){!this.isConnected||this.expanded||(this.#s&&cancelAnimationFrame(this.#s),this.#s=requestAnimationFrame(()=>{this.#s=0;let e=this.#i;!e||this.expanded||(e.scrollHeight>e.clientHeight+1?this.#_():this.#a?.remove(),this.#v())}))}#_(){if(!this.#a){let e=this.ownerDocument.createElement(`button`);e.className=`mexpand`,e.type=`button`,e.addEventListener(`click`,e=>{e.stopPropagation(),this.expanded=!this.expanded}),this.#a=e}this.#a.isConnected||this.append(this.#a)}#v(){let e=this.#a;if(!e?.isConnected)return;let t=this.expanded;e.textContent=t?`Show less`:`Show more`,e.setAttribute(`aria-expanded`,String(t))}#y(){this.#f||(this.#f=e=>this.#x(e),this.addEventListener(`click`,this.#f))}#b(){this.#f&&=(this.removeEventListener(`click`,this.#f),null)}#x(e){this.dispatchEvent(new CustomEvent(`select`,{bubbles:!0,composed:!0,detail:{heading:this.heading,summary:this.summary,tag:this.tag,sourceEvent:e}}))}});var gi=`
|
|
3017
3035
|
slicc-memory-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--canvas);color:var(--ink);font-family:var(--ui)}
|
|
3018
3036
|
slicc-memory-panel .mp-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:12px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--canvas) 94%,var(--violet))}
|
|
3019
3037
|
slicc-memory-panel .mp-search{display:flex;align-items:center;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--canvas);padding:0 10px}
|
|
@@ -3046,7 +3064,7 @@ slicc-memory-panel .mp-rows{padding:0;border-top:0}
|
|
|
3046
3064
|
slicc-memory-panel slicc-memrow{border:0;border-radius:0;border-top:1px solid var(--line);margin:0;padding:7px 12px}
|
|
3047
3065
|
slicc-memory-panel slicc-memrow .mt b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
|
3048
3066
|
slicc-memory-panel slicc-memrow .ms{-webkit-line-clamp:1;margin-top:2px;font-size:11px}
|
|
3049
|
-
`,
|
|
3067
|
+
`,_i=`slicc-memory-panel-style`;function vi(e){if(e.getElementById(_i))return;let t=e.createElement(`style`);t.id=_i,t.textContent=gi,(e.head??e.documentElement).append(t)}function yi(e){return e.getAttribute(`section`)?.trim()||`General`}function bi(e){let t=new Map;for(let n of e){let e=yi(n),r=t.get(e)??[];r.push(n),t.set(e,r)}return t}var xi=2,Si=[`user`,`feedback`,`project`];function Ci(e){for(let t of Si)if(e.filter(e=>e.getAttribute(`tag`)===t).length*2>e.length)return t;return null}function wi(e,t){let n=Ci(t);n&&e.setAttribute(`data-suppress-${n}`,``)}function Ti(e){let t=/^Auto-extracted \((?:(\d{4})-(\d{2})-(\d{2}),\s*)?([^)]+)\)$/.exec(e);if(!t){let t=/\(([^)]*\bsessions?\b[^)]*)\)/i.exec(e);return t?{name:`${e.slice(0,t.index)} ${e.slice(t.index+t[0].length)}`.replace(/\s+[—–-]\s*$/,``).replace(/\s+/g,` `).trim()||`Session memory`,source:t[1]}:{name:e,source:``}}let[,n,r,i,a]=t;if(!n||!r||!i)return{name:`Auto-extracted`,source:a};let o=new Date(Date.UTC(Number(n),Number(r)-1,Number(i)));return{name:new Intl.DateTimeFormat(`en-US`,{month:`short`,day:`numeric`,year:`numeric`,timeZone:`UTC`}).format(o),source:a.replaceAll(`-`,` `)}}C(`slicc-memory-panel`,class extends HTMLElement{#e=[];#t=null;#n=null;#r=null;#i=null;#a=``;#o=`all`;#s=new Set;#c=!1;connectedCallback(){vi(this.ownerDocument),this.#c||this.#u(),this.#h()}setRows(e){let t=new Set(bi(this.#e).keys());this.#e=e.filter(e=>e.matches(`slicc-memrow`)),this.#l();let n=[...bi(this.#e).keys()],r=new Set;for(let e of n)(!t.has(e)||this.#s.has(e))&&r.add(e);this.#s=r,this.#c&&this.#h()}#l(){let e=this.#i;if(e){for(let t of e.options){if(t.value===`all`)continue;let e=!this.#e.some(e=>e.getAttribute(`tag`)===t.value);t.hidden=e,t.disabled=e}e.value=this.#o}}#u(){this.#c=!0;let e=T(`input`,{type:`search`,placeholder:`Search memories…`,"aria-label":`Search memories`}),t=T(`select`,{class:`mp-filter`,"aria-label":`Filter memories by tag`},T(`option`,{value:`all`},`All tags`),T(`option`,{value:`user`},`User`),T(`option`,{value:`feedback`},`Feedback`),T(`option`,{value:`project`},`Project`)),n=T(`div`,{class:`mp-count`,role:`status`,"aria-live":`polite`}),r=T(`div`,{class:`mp-toolbar`},T(`label`,{class:`mp-search`},e),t,n),i=T(`div`,{class:`mp-body`});e.addEventListener(`input`,()=>{this.#a=e.value.trim().toLowerCase(),this.#h()}),t.addEventListener(`change`,()=>{this.#o=t.value,this.#h()}),this.replaceChildren(r,i),this.#t=i,this.#n=n,this.#r=e,this.#i=t,this.#l()}#d(){return this.#e.filter(e=>this.#o!==`all`&&e.getAttribute(`tag`)!==this.#o?!1:!this.#a||[e.getAttribute(`heading`),e.getAttribute(`summary`),e.getAttribute(`section`),e.getAttribute(`tag`),e.textContent].filter(Boolean).join(` `).toLowerCase().includes(this.#a))}#f(e){return T(`div`,{class:`mp-empty`},T(`strong`,null,e?`No matching memories`:`No memories yet`),T(`span`,null,e?`Try a different search or tag.`:`Memories extracted from conversations will appear here.`))}#p(e,t){let n=Ti(e),r=T(`details`,{class:`mp-group`},T(`summary`,{class:`mp-section`},T(`span`,{class:`mp-section-name`},n.name),...n.source?[T(`span`,{class:`mp-section-source`},n.source)]:[],T(`span`,{class:`mp-section-count`},`${t.length}`)),T(`div`,{class:`mp-rows`},...t));return r.open=this.#a?!0:this.#s.has(e),r.addEventListener(`toggle`,()=>{r.open?this.#s.add(e):this.#s.delete(e)}),wi(r,t),r}#m(e){let t=T(`div`,{class:`mp-flat`},...e);return wi(t,e),t}#h(){let e=this.#t;if(!e)return;let t=this.#d();if(this.#r&&(this.#r.placeholder=`Search ${this.#e.length} memories…`),this.#n&&(this.#n.textContent=`${t.length} of ${this.#e.length} memories`),this.#e.length===0){e.replaceChildren(this.#f(!1));return}if(t.length===0){e.replaceChildren(this.#f(!0));return}let n=bi(t);if(n.size<xi){e.replaceChildren(this.#m(t));return}e.replaceChildren(...[...n].map(([e,t])=>this.#p(e,t)))}});var Ei=`
|
|
3050
3068
|
slicc-palette-grid {
|
|
3051
3069
|
display: block;
|
|
3052
3070
|
flex: 1;
|
|
@@ -3065,7 +3083,7 @@ slicc-palette-grid .palgrid {
|
|
|
3065
3083
|
grid-template-columns: repeat(auto-fill, minmax(96px, 1fr));
|
|
3066
3084
|
gap: 10px;
|
|
3067
3085
|
}
|
|
3068
|
-
`,
|
|
3086
|
+
`,Di=`slicc-palette-grid-style`;function Oi(e){if(e.getElementById(Di))return;let t=e.createElement(`style`);t.id=Di,t.textContent=Ei,(e.head??e.documentElement).appendChild(t)}var ki=[{label:`canvas #faf6f1`,color:`#faf6f1`},{label:`cone #ef7000`,color:`#ef7000`},{label:`scoop #8b5cf6`,color:`#8b5cf6`},{label:`scoop #06b6d4`,color:`#06b6d4`},{label:`scoop #f43f5e`,color:`#f43f5e`},{label:`ink #0a0a0a`,color:`#0a0a0a`}],Ai=`brand palette · tokens`;C(`slicc-palette-grid`,class extends HTMLElement{static get observedAttributes(){return[`heading`]}#e=!1;#t=null;#n=null;#r=[];#i=null;#a=null;connectedCallback(){Oi(this.ownerDocument),this.#e||this.#o(),this.#s(),this.#l()}disconnectedCallback(){this.#u()}attributeChangedCallback(){this.#e&&this.#s()}get heading(){return this.getAttribute(`heading`)??Ai}set heading(e){e==null?this.removeAttribute(`heading`):this.setAttribute(`heading`,e)}get tokens(){return(this.#i??ki).map(e=>({...e}))}set tokens(e){this.#i=Array.isArray(e)?e.map(e=>({label:String(e.label??``),color:String(e.color??``)})):null,this.#e&&this.#c()}#o(){for(this.#e=!0,this.#r=[];this.firstChild;)this.#r.push(this.firstChild),this.removeChild(this.firstChild);let e=this.ownerDocument.createElement(`h4`),t=this.ownerDocument.createElement(`div`);t.className=`palgrid`,this.append(e,t),this.#t=e,this.#n=t,this.#c()}#s(){this.#t&&(this.#t.textContent=this.heading)}#c(){let e=this.#n;if(e){e.replaceChildren();for(let t of this.#r)e.appendChild(t);for(let t of this.tokens){let n=this.ownerDocument.createElement(`slicc-palette-cell`);n.setAttribute(`color`,t.color),n.setAttribute(`label`,t.label),e.appendChild(n)}}}#l(){this.#a||(this.#a=e=>{let t=e.detail??{};this.dispatchEvent(new CustomEvent(`select`,{bubbles:!0,composed:!0,detail:{label:t.label??``,color:t.color??``,sourceEvent:e}}))},this.addEventListener(`palette-select`,this.#a))}#u(){this.#a&&=(this.removeEventListener(`palette-select`,this.#a),null)}});var ji=E(`
|
|
3069
3087
|
:host { display: inline-block; position: relative; font-family: var(--ui); }
|
|
3070
3088
|
.trigger {
|
|
3071
3089
|
display: inline-flex; align-items: center; justify-content: center;
|
|
@@ -3106,7 +3124,7 @@ slicc-palette-grid .palgrid {
|
|
|
3106
3124
|
.item .ic { flex: 0 0 auto; display: flex; color: var(--txt-2, #505050); }
|
|
3107
3125
|
.item.danger .ic { color: var(--rose, #f43f5e); }
|
|
3108
3126
|
@media (prefers-reduced-motion: reduce) { .pop { transition: none; } }
|
|
3109
|
-
`);
|
|
3127
|
+
`);C(`slicc-avatar-menu`,class extends HTMLElement{static observedAttributes=[`open`];#e;#t;#n;#r=[];#i=null;#a=e=>{this.open&&!e.composedPath().includes(this)&&this.hide()};#o=e=>{e.key===`Escape`&&this.open&&(this.hide(),this.#t.focus())};constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[ji],this.#t=T(`button`,{class:`trigger`,part:`trigger`,type:`button`,"aria-haspopup":`menu`,"aria-expanded":`false`},T(`slot`)),this.#n=T(`div`,{class:`pop`,part:`popover`,role:`menu`}),this.#e.replaceChildren(this.#t,this.#n),this.#t.addEventListener(`click`,()=>this.toggle())}connectedCallback(){this.#c()}disconnectedCallback(){document.removeEventListener(`mousedown`,this.#a),document.removeEventListener(`keydown`,this.#o)}attributeChangedCallback(e){if(e===`open`){let e=this.open;this.#t.setAttribute(`aria-expanded`,e?`true`:`false`),e?(document.addEventListener(`mousedown`,this.#a),document.addEventListener(`keydown`,this.#o)):(document.removeEventListener(`mousedown`,this.#a),document.removeEventListener(`keydown`,this.#o))}}get open(){return this.hasAttribute(`open`)}set open(e){this.toggleAttribute(`open`,e)}get user(){return this.#i}set user(e){this.#i=e,this.#c()}get items(){return this.#r.map(e=>({...e}))}set items(e){this.#r=Array.isArray(e)?e.map(e=>({...e})):[],this.#c()}show(){this.open||(this.open=!0,this.#s())}hide(){this.open&&(this.open=!1,this.#s())}toggle(){this.open?this.hide():this.show()}#s(){this.dispatchEvent(new CustomEvent(`slicc-avatar-menu-toggle`,{detail:{open:this.open},bubbles:!0,composed:!0}))}#c(){let e=[];if(this.#i){let t=T(`div`,{class:`user`},T(`div`,{class:`name`},this.#i.name));this.#i.provider&&t.append(T(`div`,{class:`prov`},this.#i.provider)),e.push(t)}for(let t of this.#r)if(t.kind===`separator`)e.push(T(`div`,{class:`sep`,role:`separator`}));else if(t.kind===`caption`)e.push(T(`div`,{class:`cap`},t.label??``));else{let r=T(`button`,{class:`item${t.danger?` danger`:``}`,part:`item`,type:`button`,role:`menuitem`,"data-id":t.id??``,disabled:t.disabled?!0:void 0});t.icon&&r.append(T(`span`,{class:`ic`},n(t.icon,{size:16}))),r.append(T(`span`,{class:`lb`},t.label??``)),t.disabled||r.addEventListener(`click`,()=>this.#l(t.id??``)),e.push(r)}this.#n.replaceChildren(...e)}#l(e){this.dispatchEvent(new CustomEvent(`slicc-avatar-action`,{detail:{id:e},bubbles:!0,composed:!0})),this.hide()}});var Mi=`
|
|
3110
3128
|
.slicc-nav {
|
|
3111
3129
|
display: flex;
|
|
3112
3130
|
align-items: center;
|
|
@@ -3114,8 +3132,8 @@ slicc-palette-grid .palgrid {
|
|
|
3114
3132
|
gap: 14px;
|
|
3115
3133
|
box-sizing: border-box;
|
|
3116
3134
|
padding: 0 9px 0 24px;
|
|
3117
|
-
height: var(--barh,
|
|
3118
|
-
min-height: var(--barh,
|
|
3135
|
+
height: var(--barh, 36px);
|
|
3136
|
+
min-height: var(--barh, 36px);
|
|
3119
3137
|
font-family: var(--ui);
|
|
3120
3138
|
background: color-mix(in srgb, var(--ctx) 12%, color-mix(in srgb, var(--canvas) 68%, transparent));
|
|
3121
3139
|
backdrop-filter: blur(18px) saturate(1.4);
|
|
@@ -3136,7 +3154,7 @@ slicc-palette-grid .palgrid {
|
|
|
3136
3154
|
width, not the viewport, so embedded and Storybook frames behave like the
|
|
3137
3155
|
real sidebar. */
|
|
3138
3156
|
.slicc-nav[data-narrow] { gap: 8px; padding: 0 10px; }
|
|
3139
|
-
`,
|
|
3157
|
+
`,Ni=`slicc-nav-style`;function Pi(e){if(e.getElementById(Ni))return;let t=e.createElement(`style`);t.id=Ni,t.textContent=Mi,(e.head??e.documentElement).appendChild(t)}C(`slicc-nav`,class extends HTMLElement{static observedAttributes=[`accent`];#e=!1;#t=null;connectedCallback(){Pi(this.ownerDocument),this.classList.add(`slicc-nav`),this.setAttribute(`part`,`bar`),this.#n(),this.#r(this.getAttribute(`accent`)),typeof ResizeObserver<`u`&&(this.#t=new ResizeObserver(()=>this.#i()),this.#t.observe(this)),this.#i()}disconnectedCallback(){this.#t?.disconnect(),this.#t=null}attributeChangedCallback(e,t,n){e!==`accent`||t===n||this.isConnected&&(this.#r(n),this.dispatchEvent(new CustomEvent(`slicc-nav-accent-change`,{detail:{accent:n},bubbles:!0,composed:!0})))}get accent(){return this.getAttribute(`accent`)}set accent(e){e==null?this.removeAttribute(`accent`):this.setAttribute(`accent`,e)}get spacer(){return this.#n(),this.querySelector(`:scope > .slicc-nav__spacer, :scope > .spacer`)}#n(){if(this.#e||(this.#e=!0,this.querySelector(`:scope > .slicc-nav__spacer, :scope > .spacer`)))return;let e=this.ownerDocument.createElement(`div`);e.className=`slicc-nav__spacer`,e.setAttribute(`part`,`spacer`),e.setAttribute(`aria-hidden`,`true`);let t=this.querySelector(`:scope > slicc-floatbar, :scope > slicc-theme-toggle, :scope > slicc-avatar`);t?this.insertBefore(e,t):this.appendChild(e)}#r(e){e==null||e.trim()===``?this.style.removeProperty(`--ctx`):this.style.setProperty(`--ctx`,e)}#i(){this.toggleAttribute(`data-narrow`,this.getBoundingClientRect().width<=560)}});var Fi=E(`
|
|
3140
3158
|
:host {
|
|
3141
3159
|
position: fixed;
|
|
3142
3160
|
z-index: 110;
|
|
@@ -3174,7 +3192,7 @@ slicc-palette-grid .palgrid {
|
|
|
3174
3192
|
.item.destructive {
|
|
3175
3193
|
color: var(--red, #e53e3e);
|
|
3176
3194
|
}
|
|
3177
|
-
`),
|
|
3195
|
+
`),Ii=null,Li=null,Ri=null,zi=class e extends HTMLElement{#e;#t=void 0;#n=null;#r=null;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[Fi]}connectedCallback(){this.#e.addEventListener(`click`,this.#i)}disconnectedCallback(){this.#e.removeEventListener(`click`,this.#i)}#i=t=>{let n=t.target.closest(`[data-action]`);if(!n)return;let r=n.dataset.action;(this.#r??this.#n??this).dispatchEvent(new CustomEvent(`overflow-action`,{bubbles:!0,composed:!0,detail:{action:r,context:this.#t}})),e.hide()};static show(t){e.hide();let r=document.createElement(`slicc-overflow-menu`);r.#t=t.context,r.#n=t.anchor,r.#r=t.dispatchTarget??null;let i=t.items.filter(e=>e.visible!==!1),a=T(`div`,{class:`menu`});for(let e of i){let t=e.destructive?`item destructive`:`item`,r=[];e.icon&&r.push(n(e.icon,{size:14})),r.push(e.label);let i=T(`button`,{class:t,"data-action":e.id},...r);a.appendChild(i)}r.#e.appendChild(a),document.body.appendChild(r),Ii=r;let o=t.anchor.getBoundingClientRect(),s=r.getBoundingClientRect(),c=o.bottom+4;c+s.height>window.innerHeight&&(c=o.top-s.height-4);let l=o.right-s.width;l<4&&(l=o.left),r.style.top=`${c}px`,r.style.left=`${l}px`,Li=t=>{t.key===`Escape`&&e.hide()},Ri=n=>{let i=n.composedPath();!i.includes(r)&&!i.includes(t.anchor)&&e.hide()},document.addEventListener(`keydown`,Li),document.addEventListener(`pointerdown`,Ri,{capture:!0})}static hide(){Ii&&=(Ii.remove(),null),Li&&=(document.removeEventListener(`keydown`,Li),null),Ri&&=(document.removeEventListener(`pointerdown`,Ri,{capture:!0}),null)}};C(`slicc-overflow-menu`,zi);var Bi=E(`
|
|
3178
3196
|
:host { display: none; }
|
|
3179
3197
|
:host([open]) { display: block; }
|
|
3180
3198
|
.overlay {
|
|
@@ -3219,7 +3237,7 @@ slicc-palette-grid .palgrid {
|
|
|
3219
3237
|
@media (prefers-reduced-motion: reduce) {
|
|
3220
3238
|
.overlay, .dialog { transition: none; }
|
|
3221
3239
|
}
|
|
3222
|
-
`);
|
|
3240
|
+
`);C(`slicc-dialog`,class extends HTMLElement{static observedAttributes=[`open`,`heading`,`description`,`no-close-button`];#e;#t;#n;#r;#i;#a;#o=null;#s=e=>{e.key===`Escape`&&this.open&&(e.stopPropagation(),this.#c(`escape`))};constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[Bi],this.#r=T(`div`,{class:`title`,part:`title`,id:`slicc-dialog-title`}),this.#i=T(`div`,{class:`desc`,part:`description`}),this.#a=T(`button`,{class:`x`,part:`close`,type:`button`,"aria-label":`Close`},n(`x`,{size:18}));let e=T(`div`,{class:`body`},T(`slot`)),t=T(`div`,{class:`footer`},T(`slot`,{name:`footer`}));this.#n=T(`div`,{class:`dialog`,part:`dialog`,role:`dialog`,"aria-modal":`true`,"aria-labelledby":`slicc-dialog-title`,tabindex:`-1`},this.#a,this.#r,this.#i,e,t),this.#t=T(`div`,{class:`overlay`,part:`overlay`},this.#n),this.#e.replaceChildren(this.#t),this.#a.addEventListener(`click`,()=>this.#c(`close-button`)),this.#t.addEventListener(`mousedown`,e=>{e.target===this.#t&&!this.persistent&&this.#c(`backdrop`)})}connectedCallback(){this.#u()}disconnectedCallback(){document.removeEventListener(`keydown`,this.#s,!0)}attributeChangedCallback(e){e===`open`?this.#u():this.#l()}get open(){return this.hasAttribute(`open`)}set open(e){this.toggleAttribute(`open`,e)}get heading(){return this.getAttribute(`heading`)}set heading(e){e==null?this.removeAttribute(`heading`):this.setAttribute(`heading`,e)}get description(){return this.getAttribute(`description`)}set description(e){e==null?this.removeAttribute(`description`):this.setAttribute(`description`,e)}get persistent(){return this.hasAttribute(`persistent`)}set persistent(e){this.toggleAttribute(`persistent`,e)}show(){this.open||=!0}hide(){this.open&&this.#c(`api`)}#c(e){this.open=!1,this.dispatchEvent(new CustomEvent(`slicc-dialog-close`,{detail:{reason:e},bubbles:!0,composed:!0}))}#l(){this.#r.textContent=this.heading??``,this.#r.style.display=this.heading?``:`none`,this.#i.textContent=this.description??``,this.#i.style.display=this.description?``:`none`,this.#a.style.display=this.hasAttribute(`no-close-button`)?`none`:``}#u(){this.#l(),this.open?(this.#o=this.getRootNode().activeElement,document.addEventListener(`keydown`,this.#s,!0),requestAnimationFrame(()=>this.#n.focus())):(document.removeEventListener(`keydown`,this.#s,!0),this.#o?.focus?.(),this.#o=null)}});var Vi=`
|
|
3223
3241
|
slicc-camera-dialog slicc-dialog::part(dialog) {
|
|
3224
3242
|
width: min(560px, 92vw);
|
|
3225
3243
|
}
|
|
@@ -3286,7 +3304,7 @@ slicc-camera-dialog .slicc-camera__btn--snap {
|
|
|
3286
3304
|
slicc-camera-dialog .slicc-camera__btn--snap:hover {
|
|
3287
3305
|
background: color-mix(in srgb, var(--ink) 85%, var(--canvas));
|
|
3288
3306
|
}
|
|
3289
|
-
`,
|
|
3307
|
+
`,Hi=`slicc-camera-dialog-style`;function Ui(e){if(e.getElementById(Hi))return;let t=e.createElement(`style`);t.id=Hi,t.textContent=Vi,(e.head??e.documentElement).appendChild(t)}var Wi=`Take a photo`;C(`slicc-camera-dialog`,class extends HTMLElement{static observedAttributes=[`heading`,`preferred-device`];media=null;#e;#t;#n;#r;#i=!1;#a=null;#o=null;connectedCallback(){Ui(this.ownerDocument),this.#h()}disconnectedCallback(){this.#m()}attributeChangedCallback(e){e===`heading`&&this.#i&&this.#e.setAttribute(`heading`,this.heading)}get heading(){return this.getAttribute(`heading`)??Wi}set heading(e){e==null?this.removeAttribute(`heading`):this.setAttribute(`heading`,e)}get preferredDevice(){return this.getAttribute(`preferred-device`)}set preferredDevice(e){e==null?this.removeAttribute(`preferred-device`):this.setAttribute(`preferred-device`,e)}#s(){return this.media??(typeof navigator<`u`?navigator.mediaDevices:null)??null}async open(){this.#h();let e=this.#s();if(!e)return null;try{this.#a=await this.#c(e,this.preferredDevice)}catch{return null}return this.#l(this.#a),await this.#u(e),this.#e.setAttribute(`heading`,this.heading),this.#e.show?.(),new Promise(e=>{this.#o=e})}async#c(e,t){if(t)try{return await e.getUserMedia({video:{deviceId:{exact:t}}})}catch{}return e.getUserMedia({video:!0})}#l(e){this.#t.srcObject=e,this.#t.play?.()?.catch(()=>void 0);let t=e.getVideoTracks()[0]?.getSettings?.().facingMode;this.#t.toggleAttribute(`data-mirrored`,t!==`environment`)}async#u(e){let t=[];try{t=(await e.enumerateDevices()).filter(e=>e.kind===`videoinput`)}catch{t=[]}this.#n.replaceChildren(...t.map((e,t)=>T(`option`,{value:e.deviceId},e.label||`Camera ${t+1}`)));let n=this.#a?.getVideoTracks()[0]?.getSettings?.().deviceId;n&&(this.#n.value=n),this.#n.toggleAttribute(`hidden`,t.length<2)}async#d(e){let t=this.#s();if(t){this.#r.textContent=``;try{let n=await t.getUserMedia({video:{deviceId:{exact:e}}});this.#m(),this.#a=n,this.#l(n),this.dispatchEvent(new CustomEvent(`slicc-camera-device-change`,{detail:{deviceId:e},bubbles:!0,composed:!0}))}catch{this.#r.textContent=`Could not switch camera — keeping the current one.`}}}#f(){let e=this.ownerDocument.createElement(`canvas`);if(e.width=this.#t.videoWidth,e.height=this.#t.videoHeight,e.width===0||e.height===0){this.#r.textContent=`No frame yet — give the camera a moment.`;return}e.getContext(`2d`)?.drawImage(this.#t,0,0);let t=e.toDataURL(`image/png`);this.dispatchEvent(new CustomEvent(`slicc-camera-capture`,{detail:{dataUrl:t},bubbles:!0,composed:!0})),this.#p(t)}#p(e){this.#m();let t=this.#o;this.#o=null,this.#e.hide?.(),t?.(e)}#m(){for(let e of this.#a?.getTracks()??[])e.stop();this.#a=null,this.#t&&(this.#t.srcObject=null)}#h(){if(this.#i)return;this.#i=!0,this.#t=T(`video`,{class:`slicc-camera__video`,part:`video`,autoplay:!0,muted:!0,playsinline:!0}),this.#n=T(`select`,{class:`slicc-camera__select`,part:`picker`,"aria-label":`Camera`,hidden:!0}),this.#n.addEventListener(`change`,()=>{this.#d(this.#n.value)}),this.#r=T(`div`,{class:`slicc-camera__status`});let e=T(`button`,{type:`button`,class:`slicc-camera__btn`,part:`cancel`,slot:`footer`},`Cancel`);e.addEventListener(`click`,()=>this.#p(null));let t=T(`button`,{type:`button`,class:`slicc-camera__btn slicc-camera__btn--snap`,part:`snap`,slot:`footer`},n(`camera`,{size:14}),` Snap`);t.addEventListener(`click`,()=>this.#f());let r=T(`div`,{class:`slicc-camera__body`},this.#t,this.#n,this.#r);this.#e=this.ownerDocument.createElement(`slicc-dialog`),this.#e.setAttribute(`heading`,this.heading),this.#e.append(r,e,t),this.#e.addEventListener(`slicc-dialog-close`,()=>{this.#o&&this.#p(null)}),this.append(this.#e)}});var I={debug(e,t){t===void 0?console.debug(`[slicc-permissions] ${e}`):console.debug(`[slicc-permissions] ${e}`,t)},error(e,t){t===void 0?console.error(`[slicc-permissions] ${e}`):console.error(`[slicc-permissions] ${e}`,t)}},Gi=new Set([`microphone`,`camera`]);function Ki(e){return typeof navigator>`u`||!navigator.permissions?.query?Promise.resolve(`prompt`):navigator.permissions.query({name:e}).then(e=>e.state)}var qi=`
|
|
3290
3308
|
slicc-permissions {
|
|
3291
3309
|
/* Invisible host by default — only the drop overlay paints, and only
|
|
3292
3310
|
while a folder drag is in flight. Hosts can give the element a fixed
|
|
@@ -3457,7 +3475,7 @@ slicc-permissions .slicc-permissions__prompt-btn:disabled {
|
|
|
3457
3475
|
transform: translateX(-50%) translateY(0);
|
|
3458
3476
|
}
|
|
3459
3477
|
}
|
|
3460
|
-
`,
|
|
3478
|
+
`,Ji=`slicc-permissions-style`;function Yi(e){if(e.getElementById(Ji))return;let t=e.createElement(`style`);t.id=Ji,t.textContent=qi,(e.head??e.documentElement).appendChild(t)}function L(e){let t=e.dataTransfer?.types;if(!t)return!1;for(let e=0;e<t.length;e++)if(t[e]===`Files`)return!0;return!1}var Xi=class extends HTMLElement{providers={};permissionQuery=null;#e;#t=!1;#n=0;#r=null;connectedCallback(){Yi(this.ownerDocument),this.#C();let e=this.ownerDocument;e.addEventListener(`dragenter`,this.#v),e.addEventListener(`dragover`,this.#y),e.addEventListener(`dragleave`,this.#b),e.addEventListener(`drop`,this.#x)}disconnectedCallback(){let e=this.ownerDocument;e.removeEventListener(`dragenter`,this.#v),e.removeEventListener(`dragover`,this.#y),e.removeEventListener(`dragleave`,this.#b),e.removeEventListener(`drop`,this.#x),this.#n=0,this.removeAttribute(`data-dropping`),this.#r&&this.#r.cancel()}async request(e,t){switch(e){case`camera`:return this.#o(t);case`microphone`:return this.#s(t);case`screenshare`:return this.#l(t);case`usb`:return this.#u(t);case`hid`:return this.#d(t);case`serial`:return this.#f(t);case`filesystem`:return this.#p();case`popup`:return this.#m(t);default:return null}}async prompt(e){if(!e.kinds.length)return{status:`granted`,grants:[]};if(e.skipIfGranted){let t=await this.#i(e);if(t)return t}return this.#r&&this.#r.cancel(),new Promise(t=>{this.#w(e,t)})}async#i(e){if(!e.kinds.every(e=>Gi.has(e)))return I.debug(`prompt: showing dialog (a gesture-bound kind was requested)`,{kinds:e.kinds}),null;let t=this.permissionQuery??Ki,n;try{n=await Promise.all(e.kinds.map(e=>t(e)))}catch(e){return I.error(`prompt: permission query threw; showing dialog`,e),null}if(I.debug(`prompt: queried permission state`,{kinds:e.kinds,states:n}),!n.every(e=>e===`granted`))return I.debug(`prompt: not all kinds granted; showing dialog`),null;let r=[];for(let t of e.kinds){let n=await this.request(t,e.requestOptions?.[t]);if(!n)return I.error(`prompt: acquisition failed after granted state`,{kind:t}),{status:`error`,grants:r,reason:`error`};r.push(n)}return I.debug(`prompt: short-circuited dialog (already granted)`,{kinds:e.kinds}),{status:`granted`,grants:r}}#a(){return this.providers.media??(typeof navigator<`u`?navigator.mediaDevices:null)??null}async#o(e){let t=this.#a();if(!t)return this.#g(`camera`,`unavailable`,`mediaDevices unavailable`);try{let n=await t.getUserMedia(e?.constraints??{video:!0});return this.#h({kind:`camera`,stream:n})}catch(e){return this.#_(`camera`,e)}}async#s(e){let t=this.#a();if(!t)return this.#g(`microphone`,`unavailable`,`mediaDevices unavailable`);try{let n=await t.getUserMedia(e?.constraints??{audio:!0});return this.#h({kind:`microphone`,stream:n})}catch(e){return this.#_(`microphone`,e)}}#c(){if(this.providers.screenshare)return this.providers.screenshare;let e=typeof navigator<`u`?navigator.mediaDevices:void 0;return e&&typeof e.getDisplayMedia==`function`?{getDisplayMedia:t=>e.getDisplayMedia(t)}:null}async#l(e){let t=this.#c();if(!t)return this.#g(`screenshare`,`unavailable`,`getDisplayMedia unavailable`);try{let n=await t.getDisplayMedia(e?.constraints??{video:!0});return this.#h({kind:`screenshare`,stream:n})}catch(e){return this.#_(`screenshare`,e)}}async#u(e){let t=this.providers.usb??globalThis.navigator?.usb??null;if(!t?.requestDevice)return this.#g(`usb`,`unavailable`,`WebUSB unavailable`);try{let n=await t.requestDevice({filters:e?.filters??[]});return n?this.#h({kind:`usb`,device:n}):this.#g(`usb`,`cancelled`)}catch(e){return this.#_(`usb`,e)}}async#d(e){let t=this.providers.hid??globalThis.navigator?.hid??null;if(!t?.requestDevice)return this.#g(`hid`,`unavailable`,`WebHID unavailable`);try{let n=await t.requestDevice({filters:e?.filters??[]}),r=Array.isArray(n)?n:n?[n]:[];return r.length===0?this.#g(`hid`,`cancelled`):this.#h({kind:`hid`,device:r[0],devices:r})}catch(e){return this.#_(`hid`,e)}}async#f(e){let t=this.providers.serial??globalThis.navigator?.serial??null;if(!t?.requestPort)return this.#g(`serial`,`unavailable`,`Web Serial unavailable`);try{let n=await t.requestPort(e?.filters?.length?{filters:e.filters}:{});return n?this.#h({kind:`serial`,port:n}):this.#g(`serial`,`cancelled`)}catch(e){return this.#_(`serial`,e)}}async#p(){let e=this.providers.filesystem??(typeof window<`u`&&`showDirectoryPicker`in window&&window||null);if(!e?.showDirectoryPicker)return this.#g(`filesystem`,`unavailable`,`showDirectoryPicker unavailable`);try{let t=await e.showDirectoryPicker({mode:`readwrite`});return this.#h({kind:`filesystem`,handle:t,source:`picker`,permission:`granted`})}catch(e){return this.#_(`filesystem`,e)}}#m(e){let t=e?.url;if(!t)return this.#g(`popup`,`error`,`popup request missing url`);let n=e?.features??`width=500,height=700,popup=yes`,r=this.providers.popup??(typeof window<`u`?{open:(e,t)=>window.open(e,`_blank`,t)}:null);if(!r)return this.#g(`popup`,`unavailable`,`window.open unavailable`);let i;try{i=r.open(t,n)}catch(e){return this.#_(`popup`,e)}return i?this.#h({kind:`popup`,window:i}):this.#g(`popup`,`error`,`window.open returned null (popup blocked?)`)}#h(e){return this.dispatchEvent(new CustomEvent(`slicc-permission-grant`,{detail:e,bubbles:!0,composed:!0})),e}#g(e,t,n){return this.dispatchEvent(new CustomEvent(`slicc-permission-deny`,{detail:{kind:e,reason:t,message:n},bubbles:!0,composed:!0})),null}#_(e,t){return t instanceof Error&&(t.name===`AbortError`||t.name===`NotFoundError`)?this.#g(e,`cancelled`):this.#g(e,`error`,t instanceof Error?t.message:String(t))}#v=e=>{L(e)&&(e.preventDefault(),this.#n++,this.setAttribute(`data-dropping`,``))};#y=e=>{L(e)&&e.preventDefault()};#b=e=>{L(e)&&(this.#n=Math.max(0,this.#n-1),this.#n===0&&this.removeAttribute(`data-dropping`))};#x=e=>{if(!L(e))return;e.preventDefault(),this.#n=0,this.removeAttribute(`data-dropping`);let t=e.dataTransfer?.items;if(!t?.length)return;let n=[];for(let e=0;e<t.length;e++){let r=t[e];r.kind!==`file`||typeof r.getAsFileSystemHandle!=`function`||n.push(r.getAsFileSystemHandle())}n.length!==0&&this.#S(n)};async#S(e){let t;try{t=await Promise.all(e)}catch(e){this.#g(`filesystem`,`error`,e instanceof Error?e.message:String(e));return}let n=t.find(e=>e?.kind===`directory`);if(!n){this.#g(`filesystem`,`cancelled`,`no directory in drop`);return}let r=n,i;if(r.requestPermission)try{i=await r.requestPermission({mode:`readwrite`})}catch(e){this.#g(`filesystem`,`error`,e instanceof Error?e.message:String(e));return}else i=`granted`;if(i!==`granted`){this.#g(`filesystem`,`cancelled`,`permission ${i}`);return}this.#h({kind:`filesystem`,handle:n,source:`drop`,permission:i})}#C(){if(this.#t)return;this.#t=!0;let e=T(`div`,{class:`slicc-permissions__drop-inner`},n(`folder-up`,{size:32}),T(`div`,null,`Drop a folder to mount it (read-write)`));this.#e=T(`div`,{class:`slicc-permissions__drop`,part:`drop`,"aria-hidden":`true`},e),this.append(this.#e)}#w(e,t){let r=e.heading??$i(e.kinds),i=e.grantLabel??`Allow`,a=e.cancelLabel??`Cancel`,o=`slicc-permissions__heading-${Math.random().toString(36).slice(2,8)}`,s=`slicc-permissions__desc-${Math.random().toString(36).slice(2,8)}`,c=T(`button`,{type:`button`,class:`slicc-permissions__prompt-btn`,"data-variant":`ghost`,part:`prompt-cancel`},a),l=T(`button`,{type:`button`,class:`slicc-permissions__prompt-btn`,"data-variant":`primary`,part:`prompt-grant`},i),u=T(`div`,{class:`slicc-permissions__prompt-icons`,"aria-hidden":`true`},...e.kinds.map(e=>T(`span`,{class:`slicc-permissions__prompt-icon`},n(Zi(e),{size:22})))),d=T(`div`,{class:`slicc-permissions__prompt`,part:`prompt`,role:`dialog`,"aria-modal":`true`,"aria-labelledby":o,"aria-describedby":s,tabindex:`-1`,popover:`manual`},u,T(`h2`,{class:`slicc-permissions__prompt-heading`,id:o},r),T(`p`,{class:`slicc-permissions__prompt-desc`,id:s},e.description),T(`div`,{class:`slicc-permissions__prompt-actions`},c,l));this.append(d);let f=d;if(typeof f.showPopover==`function`)try{f.showPopover()}catch{}let p=!1,m=this.ownerDocument.activeElement??null,h=()=>{if(d.removeEventListener(`keydown`,_),d.remove(),m&&typeof m.focus==`function`)try{m.focus()}catch{}this.#r=null},g=(n,r)=>{if(!p){p=!0;for(let t of e.kinds)this.#g(t,n,r);h(),t({status:`cancelled`,grants:[],reason:n,message:r})}},_=e=>{if(e.key===`Escape`){e.preventDefault(),g(`cancelled`);return}if(e.key===`Tab`){let t=[c,l],n=this.ownerDocument.activeElement,r=t.indexOf(n);if(r===-1){t[0].focus(),e.preventDefault();return}(e.shiftKey?t[(r-1+t.length)%t.length]:t[(r+1)%t.length]).focus(),e.preventDefault()}};c.addEventListener(`click`,()=>g(`cancelled`)),l.addEventListener(`click`,async()=>{if(p)return;p=!0,l.disabled=!0,c.disabled=!0;let n=[],r=null;for(let t of e.kinds){let i=await this.request(t,e.requestOptions?.[t]);if(i)n.push(i);else{r={kind:t,reason:`cancelled`};break}}let i=r?e.kinds.indexOf(r.kind):-1;if(r&&i>=0)for(let t=i+1;t<e.kinds.length;t++)this.#g(e.kinds[t],`cancelled`);h(),t(r?{status:`cancelled`,grants:n,reason:`cancelled`}:{status:`granted`,grants:n})}),d.addEventListener(`keydown`,_),this.#r={cancel:()=>g(`cancelled`)},requestAnimationFrame(()=>{d.setAttribute(`data-open`,``),l.focus()})}};function Zi(e){switch(e){case`camera`:return`camera`;case`microphone`:return`mic`;case`screenshare`:return`monitor-up`;case`usb`:return`usb`;case`hid`:return`keyboard`;case`serial`:return`cable`;case`filesystem`:return`folder`;case`popup`:return`external-link`}}function Qi(e){switch(e){case`camera`:return`camera`;case`microphone`:return`microphone`;case`screenshare`:return`screen`;case`usb`:return`USB device`;case`hid`:return`HID device`;case`serial`:return`serial port`;case`filesystem`:return`folder`;case`popup`:return`sign-in window`}}function $i(e){if(e.length===1)return`Allow access to your ${Qi(e[0])}?`;let t=e.map(Qi),n=t.pop();return`Allow access to your ${t.join(`, `)} and ${n}?`}C(`slicc-permissions`,Xi);var ea=new Set([`top`,`bottom`,`left`,`right`]),ta=E(`
|
|
3461
3479
|
:host { position: relative; display: inline-flex; }
|
|
3462
3480
|
:host([hidden]) { display: none; }
|
|
3463
3481
|
.tip {
|
|
@@ -3482,7 +3500,251 @@ slicc-permissions .slicc-permissions__prompt-btn:disabled {
|
|
|
3482
3500
|
:host(:hover) .tip[data-p="right"], :host(:focus-within) .tip[data-p="right"], :host([open]) .tip[data-p="right"] { transform: translate(0, -50%); }
|
|
3483
3501
|
.tip:empty { display: none; }
|
|
3484
3502
|
@media (prefers-reduced-motion: reduce) { .tip { transition: none; } }
|
|
3485
|
-
`);
|
|
3503
|
+
`);C(`slicc-tooltip`,class extends HTMLElement{static observedAttributes=[`label`,`placement`];#e;#t;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[ta],this.#t=T(`span`,{class:`tip`,part:`tip`,role:`tooltip`,"aria-hidden":`true`}),this.#e.replaceChildren(T(`slot`),this.#t)}connectedCallback(){this.#n()}attributeChangedCallback(){this.#n()}get label(){return this.getAttribute(`label`)??``}set label(e){e==null?this.removeAttribute(`label`):this.setAttribute(`label`,e)}get placement(){let e=this.getAttribute(`placement`);return e&&ea.has(e)?e:`top`}set placement(e){this.setAttribute(`placement`,e)}#n(){this.#t.textContent=this.label,this.#t.setAttribute(`data-p`,this.placement)}});function na(e,t){let n=e.base;for(let r of e.variants??[])f(r.when,t)&&(r.zones!==void 0||r.center!==void 0)&&(n=r);return n}var ra=.02,ia=48,aa={top:`Top`,left:`Left`,center:`Center`,right:`Right`,bottom:`Bottom`},oa=class{#e;#t;#n;#r=null;constructor(e){this.#e=e,this.#t=R(`slicc-layout__ghost`),this.#n=R(`slicc-layout__targets`)}overlays(){return[this.#n,this.#t]}cancel(){window.removeEventListener(`pointermove`,this.#l),window.removeEventListener(`pointerup`,this.#d),this.#r=null,this.#t.classList.remove(`slicc-layout__ghost--active`),this.#n.replaceChildren(),this.#n.classList.remove(`slicc-layout__targets--active`)}decorateSlot(e,t){if(this.#e.isLocked(t))return;let r=document.createElement(`button`);r.type=`button`,r.className=`slicc-layout__move`,r.title=`Move ${t}`,r.setAttribute(`aria-label`,`Move ${t}`),r.dataset.panelId=t,r.appendChild(n(`grip-vertical`,{size:13})),r.addEventListener(`pointerdown`,e=>this.#a(e,t)),e.appendChild(r)}buildZonePanelDivider(e,t,n,r){if(r)return null;let i=t===`row`,a=R(`slicc-layout__divider slicc-layout__divider--${i?`h`:`v`}`);return a.dataset.zone=e,a.addEventListener(`pointerdown`,t=>{this.#f(t,e,i,n)}),a}buildZoneDivider(e,t,n,r,i){if(i)return null;let a=R(`slicc-layout__divider slicc-layout__divider--zone slicc-layout__divider--${n?`h`:`v`}`);return a.dataset.zoneBefore=e,a.dataset.zoneAfter=t,a.addEventListener(`pointerdown`,i=>{this.#i(i,e,t,n,r)}),a}#i(e,t,n,r,i){e.preventDefault();let a=t===`center`?n:t,o=a===t?1:-1,s=i.querySelector(`:scope > [data-zone="${a}"]`);if(!(s instanceof HTMLElement))return;this.#e.setPointerCapture(e.pointerId);let c=s.getBoundingClientRect(),l=r?c.width:c.height,u=r?e.clientX:e.clientY,d=i.getBoundingClientRect(),f=r?d.width:d.height,p=0;for(let e of Array.from(i.children)){if(!(e instanceof HTMLElement)||e===s)continue;let t=e.getBoundingClientRect(),n=r?t.width:t.height,i=e.dataset.zone===`center`||e.classList.contains(`slicc-layout__work-row`);p+=i?ia:n}let m=Math.max(ia,f-p),h=l,g=e=>{let t=r?e.clientX:e.clientY;h=Math.max(ia,Math.min(m,l+(t-u)*o)),this.#e.applyZoneResize(a,`${Math.round(h)}px`),this.#e.rerender()},_=()=>{window.removeEventListener(`pointermove`,g),window.removeEventListener(`pointerup`,_),window.removeEventListener(`pointercancel`,_),this.#e.hasPointerCapture(e.pointerId)&&this.#e.releasePointerCapture(e.pointerId),this.#e.applyZoneResize(a,`${Math.round(h)}px`),this.#e.commitResize()};window.addEventListener(`pointermove`,g),window.addEventListener(`pointerup`,_),window.addEventListener(`pointercancel`,_)}#a(e,t){this.#e.isLocked(t)||(e.preventDefault(),this.#r={panelId:t,zone:null},this.#t.textContent=t,this.#t.classList.add(`slicc-layout__ghost--active`),this.#c(e),this.#o(),window.addEventListener(`pointermove`,this.#l),window.addEventListener(`pointerup`,this.#d))}#o(){let e=this.#e.querySelector(`.slicc-layout__work`);if(!(e instanceof HTMLElement))return;let t=e.getBoundingClientRect();for(let e of h)this.#n.appendChild(la(e,t));this.#n.classList.add(`slicc-layout__targets--active`)}#s(e){for(let t of Array.from(this.#n.children))t.classList.toggle(`slicc-layout__target--hot`,t===e)}#c(e){this.#t.style.left=`${e.clientX}px`,this.#t.style.top=`${e.clientY}px`}#l=e=>{let t=this.#r;if(!t)return;this.#c(e),t.zone=null;let n=document.elementFromPoint(e.clientX,e.clientY),r=n?.closest(`.slicc-layout__target`);if(r instanceof HTMLElement){let e=r.dataset.zone;if(e){t.zone=e,this.#s(r);return}}let i=n?.closest(`.slicc-layout__zone`),a=i instanceof HTMLElement?i.dataset.zone:null;t.zone=a,this.#s(a?this.#u(a):null)};#u(e){return this.#n.querySelector(`.slicc-layout__target[data-zone="${e}"]`)}#d=()=>{let e=this.#r;this.cancel(),e?.zone&&this.#e.applyMove(e.panelId,e.zone)};#f(e,t,n,r){e.preventDefault();let i=e.currentTarget,a=Array.from(r.querySelectorAll(`:scope > .slicc-layout__slot`)),o=Array.from(r.children).slice(0,Array.from(r.children).indexOf(i)).filter(e=>e.classList.contains(`slicc-layout__slot`)).length;if(o<1||o>=a.length)return;this.#e.setPointerCapture(e.pointerId);let s=a.map(e=>{let t=e.getBoundingClientRect();return Math.max(1,n?t.width:t.height)}),c=s.reduce((e,t)=>e+t,0),l=s.map(e=>e/c*s.length),u=r.getBoundingClientRect(),d=n?u.width:u.height,f=n?e.clientX:e.clientY,p=l.reduce((e,t)=>e+t,0),m=l[o-1]+l[o],h=m*ra,g=l[o-1],_=l,v=e=>{let r=n?e.clientX:e.clientY,i=d>0?(r-f)/d*p:0,a=Math.max(h,Math.min(m-h,g+i));_=[...l],_[o-1]=a,_[o]=m-a,this.#e.applyResize(t,_),this.#e.rerender()},y=()=>{window.removeEventListener(`pointermove`,v),window.removeEventListener(`pointerup`,y),window.removeEventListener(`pointercancel`,y),this.#e.hasPointerCapture(e.pointerId)&&this.#e.releasePointerCapture(e.pointerId),this.#e.applyResize(t,_),this.#e.commitResize()};window.addEventListener(`pointermove`,v),window.addEventListener(`pointerup`,y),window.addEventListener(`pointercancel`,y)}};function R(e){let t=document.createElement(`div`);return t.className=e,t}var sa={top:`arrow-up`,bottom:`arrow-down`,left:`arrow-left`,right:`arrow-right`,center:`square`},ca=56,z=16;function la(e,t){let r=R(`slicc-layout__target slicc-layout__target--${e}`);r.dataset.zone=e,r.title=`Move to ${aa[e]}`,r.appendChild(n(sa[e],{size:20}));let i=R(`slicc-layout__target-label`);i.textContent=aa[e],r.appendChild(i);let a=t.left+t.width/2-ca/2,o=t.top+t.height/2-ca/2,[s,c]={center:[a,o],top:[a,t.top+z],bottom:[a,t.bottom-ca-z],left:[t.left+z,o],right:[t.right-ca-z,o]}[e];return r.style.left=`${s}px`,r.style.top=`${c}px`,r}var ua=`
|
|
3504
|
+
/* The corner grip: hidden until the slot is hovered, mirroring the dock-tree's
|
|
3505
|
+
(and slicc-file-tree's) hover-reveal action pattern — a persistent title bar on
|
|
3506
|
+
every panel was the thing the redesign set out to remove. */
|
|
3507
|
+
slicc-layout .slicc-layout__move {
|
|
3508
|
+
position: absolute;
|
|
3509
|
+
top: 4px;
|
|
3510
|
+
left: 4px;
|
|
3511
|
+
z-index: 2;
|
|
3512
|
+
width: 22px;
|
|
3513
|
+
height: 22px;
|
|
3514
|
+
display: grid;
|
|
3515
|
+
place-items: center;
|
|
3516
|
+
border: none;
|
|
3517
|
+
padding: 0;
|
|
3518
|
+
border-radius: 5px;
|
|
3519
|
+
background: var(--panel2, #217399);
|
|
3520
|
+
color: var(--ink, #eaf2f6);
|
|
3521
|
+
cursor: grab;
|
|
3522
|
+
opacity: 0;
|
|
3523
|
+
pointer-events: none;
|
|
3524
|
+
transition: opacity 0.1s ease;
|
|
3525
|
+
}
|
|
3526
|
+
slicc-layout .slicc-layout__slot:hover > .slicc-layout__move {
|
|
3527
|
+
opacity: 1;
|
|
3528
|
+
pointer-events: auto;
|
|
3529
|
+
}
|
|
3530
|
+
slicc-layout .slicc-layout__move:active { cursor: grabbing; }
|
|
3531
|
+
slicc-layout .slicc-layout__move:focus-visible { opacity: 1; pointer-events: auto; }
|
|
3532
|
+
slicc-layout .slicc-layout__move svg { display: block; }
|
|
3533
|
+
/* Dividers are inert 6px gutters; the cursor advertises the axis. A ZONE seam is
|
|
3534
|
+
the more consequential of the two, so it gets a faint hairline — enough to find,
|
|
3535
|
+
not enough to read as a border. */
|
|
3536
|
+
slicc-layout .slicc-layout__divider { position: relative; flex: 0 0 6px; }
|
|
3537
|
+
slicc-layout .slicc-layout__divider--h { cursor: col-resize; }
|
|
3538
|
+
slicc-layout .slicc-layout__divider--v { cursor: row-resize; }
|
|
3539
|
+
slicc-layout .slicc-layout__divider--zone::after {
|
|
3540
|
+
content: '';
|
|
3541
|
+
position: absolute;
|
|
3542
|
+
inset: 0;
|
|
3543
|
+
margin: auto;
|
|
3544
|
+
background: color-mix(in srgb, var(--ink, #eaf2f6) 14%, transparent);
|
|
3545
|
+
transition: background 0.1s ease;
|
|
3546
|
+
}
|
|
3547
|
+
slicc-layout .slicc-layout__divider--zone.slicc-layout__divider--h::after { width: 1px; }
|
|
3548
|
+
slicc-layout .slicc-layout__divider--zone.slicc-layout__divider--v::after { height: 1px; }
|
|
3549
|
+
slicc-layout .slicc-layout__divider--zone:hover::after {
|
|
3550
|
+
background: var(--accent, #6366f1);
|
|
3551
|
+
}
|
|
3552
|
+
/* The drag ghost: fixed and click-through, so it tracks the cursor without
|
|
3553
|
+
shadowing the badge being hit-tested underneath it. */
|
|
3554
|
+
slicc-layout .slicc-layout__ghost {
|
|
3555
|
+
position: fixed;
|
|
3556
|
+
z-index: 9999;
|
|
3557
|
+
display: none;
|
|
3558
|
+
pointer-events: none;
|
|
3559
|
+
padding: 6px 10px;
|
|
3560
|
+
border-radius: 8px;
|
|
3561
|
+
background: var(--accent, #6366f1);
|
|
3562
|
+
color: #fff;
|
|
3563
|
+
font: 600 12px/1.2 system-ui, sans-serif;
|
|
3564
|
+
transform: translate(-50%, -50%);
|
|
3565
|
+
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
|
|
3566
|
+
}
|
|
3567
|
+
slicc-layout .slicc-layout__ghost--active { display: block; }
|
|
3568
|
+
/* The five-zone compass. Hidden until a drag starts; each badge takes real
|
|
3569
|
+
pointer events so what commits is what the user aimed at, while the container
|
|
3570
|
+
stays click-through so the space between badges is not dead. */
|
|
3571
|
+
slicc-layout .slicc-layout__targets {
|
|
3572
|
+
position: fixed;
|
|
3573
|
+
inset: 0;
|
|
3574
|
+
z-index: 9998;
|
|
3575
|
+
display: none;
|
|
3576
|
+
pointer-events: none;
|
|
3577
|
+
}
|
|
3578
|
+
slicc-layout .slicc-layout__targets--active { display: block; }
|
|
3579
|
+
slicc-layout .slicc-layout__target {
|
|
3580
|
+
position: fixed;
|
|
3581
|
+
width: 56px;
|
|
3582
|
+
height: 56px;
|
|
3583
|
+
display: grid;
|
|
3584
|
+
place-items: center;
|
|
3585
|
+
gap: 1px;
|
|
3586
|
+
pointer-events: auto;
|
|
3587
|
+
border-radius: 10px;
|
|
3588
|
+
background: color-mix(in srgb, var(--panel2, #217399) 90%, transparent);
|
|
3589
|
+
color: var(--ink, #eaf2f6);
|
|
3590
|
+
border: 1px solid color-mix(in srgb, var(--accent, #6366f1) 55%, transparent);
|
|
3591
|
+
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
|
|
3592
|
+
transition:
|
|
3593
|
+
transform 0.08s ease,
|
|
3594
|
+
background 0.08s ease;
|
|
3595
|
+
}
|
|
3596
|
+
slicc-layout .slicc-layout__target svg { display: block; }
|
|
3597
|
+
slicc-layout .slicc-layout__target-label {
|
|
3598
|
+
font: 600 9px/1 system-ui, sans-serif;
|
|
3599
|
+
letter-spacing: 0.04em;
|
|
3600
|
+
text-transform: uppercase;
|
|
3601
|
+
opacity: 0.85;
|
|
3602
|
+
}
|
|
3603
|
+
/* The hovered badge grows and takes the accent, so the destination is unambiguous. */
|
|
3604
|
+
slicc-layout .slicc-layout__target--hot {
|
|
3605
|
+
background: var(--accent, #6366f1);
|
|
3606
|
+
color: #fff;
|
|
3607
|
+
transform: scale(1.12);
|
|
3608
|
+
}
|
|
3609
|
+
`,da=`
|
|
3610
|
+
[data-slicc-panel] {
|
|
3611
|
+
display: flex;
|
|
3612
|
+
flex-direction: column;
|
|
3613
|
+
flex: 1 1 auto;
|
|
3614
|
+
position: relative;
|
|
3615
|
+
min-width: 0;
|
|
3616
|
+
min-height: 0;
|
|
3617
|
+
box-sizing: border-box;
|
|
3618
|
+
font-family: var(--ui);
|
|
3619
|
+
}
|
|
3620
|
+
/* Author-set \`display\` on the host would otherwise outrank the UA's
|
|
3621
|
+
\`[hidden]{display:none}\`, so restate it. */
|
|
3622
|
+
[data-slicc-panel][hidden] { display: none; }
|
|
3623
|
+
/* A floating panel is lifted out of flow so the docked panels do NOT reflow
|
|
3624
|
+
around it. \`z-index\` here only orders it against its siblings inside the
|
|
3625
|
+
panel host's stacking context — it can never rise above the trusted layer
|
|
3626
|
+
(see \`trusted-layer.ts\`), which is the whole point of clamping panels in a
|
|
3627
|
+
context of their own. The layout engine sets the offsets; these are the
|
|
3628
|
+
fallbacks for a floating panel nobody placed. */
|
|
3629
|
+
[data-slicc-panel][presentation="floating"] {
|
|
3630
|
+
position: absolute;
|
|
3631
|
+
z-index: 1;
|
|
3632
|
+
flex: 0 0 auto;
|
|
3633
|
+
max-width: 100%;
|
|
3634
|
+
max-height: 100%;
|
|
3635
|
+
border: 1px solid var(--line);
|
|
3636
|
+
border-radius: 10px;
|
|
3637
|
+
background: var(--canvas);
|
|
3638
|
+
box-shadow: var(--shadow-pane);
|
|
3639
|
+
overflow: hidden;
|
|
3640
|
+
}
|
|
3641
|
+
[data-slicc-panel][presentation="floating"][anchor="right"] { top: 0; right: 0; bottom: 0; }
|
|
3642
|
+
[data-slicc-panel][presentation="floating"][anchor="left"] { top: 0; left: 0; bottom: 0; }
|
|
3643
|
+
[data-slicc-panel][presentation="floating"][anchor="top"] { top: 0; left: 0; right: 0; }
|
|
3644
|
+
[data-slicc-panel][presentation="floating"][anchor="bottom"] { bottom: 0; left: 0; right: 0; }
|
|
3645
|
+
[data-slicc-panel][presentation="floating"][anchor="center"] {
|
|
3646
|
+
top: 50%; left: 50%; transform: translate(-50%, -50%);
|
|
3647
|
+
}
|
|
3648
|
+
`,fa=`slicc-panel-style`;function pa(e){if(e.getElementById(fa))return;let t=e.createElement(`style`);t.id=fa,t.textContent=da,(e.head??e.documentElement).appendChild(t)}var ma=`data-slicc-panel`;C(`slicc-panel`,class extends HTMLElement{static observedAttributes=[`panel-id`,`hidden`,`locked`,`presentation`,`anchor`];static panelMeta;#e=null;connectedCallback(){pa(this.ownerDocument),this.setAttribute(ma,``),this.setAttribute(`part`,`panel`),this.hasAttribute(`presentation`)||this.setAttribute(`presentation`,this.presentation),!this.hasAttribute(`anchor`)&&this.anchor&&this.setAttribute(`anchor`,this.anchor),this.#t(),this.visible&&this.onPanelShow?.()}disconnectedCallback(){this.#e?.disconnect(),this.#e=null}attributeChangedCallback(e,t,n){if(!this.isConnected||t===n||e!==`hidden`)return;let r=this.visible;r?this.onPanelShow?.():this.onPanelHide?.(),this.dispatchEvent(new CustomEvent(`slicc-panel-visibility`,{bubbles:!0,composed:!0,detail:{panelId:this.panelId,visible:r}}))}get panelId(){return this.getAttribute(`panel-id`)??b(this.constructor)?.id??null}set panelId(e){e==null?this.removeAttribute(`panel-id`):this.setAttribute(`panel-id`,e)}get visible(){return!this.hasAttribute(`hidden`)}set visible(e){this.toggleAttribute(`hidden`,!e)}get locked(){return this.hasAttribute(`locked`)}set locked(e){this.toggleAttribute(`locked`,e)}get presentation(){let e=this.getAttribute(`presentation`);return e===`floating`||e===`docked`?e:b(this.constructor)?.presentation??`docked`}set presentation(e){this.setAttribute(`presentation`,e)}get anchor(){let e=this.getAttribute(`anchor`);return te(e)?e:b(this.constructor)?.anchor??null}set anchor(e){e==null?this.removeAttribute(`anchor`):this.setAttribute(`anchor`,e)}get meta(){return b(this.constructor)}#t(){!this.onPanelResize||typeof ResizeObserver>`u`||(this.#e=new ResizeObserver(e=>{let t=e[0]?.contentRect;t&&this.onPanelResize?.(t)}),this.#e.observe(this))}});var ha=`
|
|
3649
|
+
slicc-layout {
|
|
3650
|
+
display: flex;
|
|
3651
|
+
flex-direction: column;
|
|
3652
|
+
flex: 1 1 0;
|
|
3653
|
+
position: relative;
|
|
3654
|
+
min-width: 0;
|
|
3655
|
+
min-height: 0;
|
|
3656
|
+
box-sizing: border-box;
|
|
3657
|
+
}
|
|
3658
|
+
slicc-layout[hidden] { display: none; }
|
|
3659
|
+
/* The stable render target. Every rebuild replaces THIS element's children, not
|
|
3660
|
+
the host's — see the \`#root\` note in the class. \`position:relative\` anchors
|
|
3661
|
+
the floating stratum's \`inset:0\`. */
|
|
3662
|
+
slicc-layout .slicc-layout__root {
|
|
3663
|
+
display: flex;
|
|
3664
|
+
flex-direction: column;
|
|
3665
|
+
flex: 1 1 0;
|
|
3666
|
+
position: relative;
|
|
3667
|
+
min-width: 0;
|
|
3668
|
+
min-height: 0;
|
|
3669
|
+
box-sizing: border-box;
|
|
3670
|
+
}
|
|
3671
|
+
slicc-layout .slicc-layout__row {
|
|
3672
|
+
display: flex;
|
|
3673
|
+
flex-direction: row;
|
|
3674
|
+
flex: 1 1 0;
|
|
3675
|
+
min-width: 0;
|
|
3676
|
+
min-height: 0;
|
|
3677
|
+
}
|
|
3678
|
+
slicc-layout .slicc-layout__dock,
|
|
3679
|
+
slicc-layout .slicc-layout__split,
|
|
3680
|
+
slicc-layout .slicc-layout__slot {
|
|
3681
|
+
display: flex;
|
|
3682
|
+
min-width: 0;
|
|
3683
|
+
min-height: 0;
|
|
3684
|
+
box-sizing: border-box;
|
|
3685
|
+
}
|
|
3686
|
+
slicc-layout .slicc-layout__dock--top,
|
|
3687
|
+
slicc-layout .slicc-layout__dock--bottom { flex-direction: row; }
|
|
3688
|
+
slicc-layout .slicc-layout__dock--left,
|
|
3689
|
+
slicc-layout .slicc-layout__dock--right { flex-direction: column; }
|
|
3690
|
+
slicc-layout .slicc-layout__split--row { flex-direction: row; }
|
|
3691
|
+
slicc-layout .slicc-layout__split--col { flex-direction: column; }
|
|
3692
|
+
/* A slot is the containing block for its own move grip. Without this the grip's
|
|
3693
|
+
\`position: absolute\` resolved against the layout ROOT (the nearest positioned
|
|
3694
|
+
ancestor), so every panel's grip stacked at the layout's top-left corner instead
|
|
3695
|
+
of appearing on its own panel. */
|
|
3696
|
+
slicc-layout .slicc-layout__slot { flex-direction: column; position: relative; }
|
|
3697
|
+
/* The floating stratum: an inset overlay the docked layout does not reflow for.
|
|
3698
|
+
No z-index — it is a later sibling of the docked structure, which is enough to
|
|
3699
|
+
paint above it, and staying out of the numeric game keeps it below the app's
|
|
3700
|
+
trusted layer. \`pointer-events\` are restored on the panels themselves so the
|
|
3701
|
+
empty area stays click-through. */
|
|
3702
|
+
slicc-layout .slicc-layout__floating {
|
|
3703
|
+
position: absolute;
|
|
3704
|
+
inset: 0;
|
|
3705
|
+
pointer-events: none;
|
|
3706
|
+
}
|
|
3707
|
+
slicc-layout .slicc-layout__floating > * { pointer-events: auto; }
|
|
3708
|
+
/* Offstage home for panels the current arrangement does not place. They stay in
|
|
3709
|
+
the DOM (state, scroll position, a live terminal session) rather than being
|
|
3710
|
+
destroyed and rebuilt on every variant switch. */
|
|
3711
|
+
slicc-layout .slicc-layout__parking { display: none; }
|
|
3712
|
+
/* Several strips on one edge stack along that edge's cross axis, in declaration
|
|
3713
|
+
order — a second \`top\` dock sits BELOW the first, not beside it. */
|
|
3714
|
+
slicc-layout .slicc-layout__dockstack {
|
|
3715
|
+
display: flex;
|
|
3716
|
+
min-width: 0;
|
|
3717
|
+
min-height: 0;
|
|
3718
|
+
box-sizing: border-box;
|
|
3719
|
+
}
|
|
3720
|
+
slicc-layout .slicc-layout__dockstack--top,
|
|
3721
|
+
slicc-layout .slicc-layout__dockstack--bottom { flex-direction: column; }
|
|
3722
|
+
slicc-layout .slicc-layout__dockstack--left,
|
|
3723
|
+
slicc-layout .slicc-layout__dockstack--right { flex-direction: row; }
|
|
3724
|
+
/* The WORKING AREA: everything the docks left over, divided into the five zones.
|
|
3725
|
+
Top and bottom are full-width bands with left|center|right in the row between
|
|
3726
|
+
them — Java BorderLayout in nested flexbox. Because this box is nested inside what
|
|
3727
|
+
the docks did not take, a zone can never overlap the fixed chrome. */
|
|
3728
|
+
slicc-layout .slicc-layout__work,
|
|
3729
|
+
slicc-layout .slicc-layout__work-row {
|
|
3730
|
+
display: flex;
|
|
3731
|
+
min-width: 0;
|
|
3732
|
+
min-height: 0;
|
|
3733
|
+
box-sizing: border-box;
|
|
3734
|
+
}
|
|
3735
|
+
slicc-layout .slicc-layout__work { flex-direction: column; }
|
|
3736
|
+
slicc-layout .slicc-layout__work-row { flex-direction: row; flex: 1 1 0; }
|
|
3737
|
+
slicc-layout .slicc-layout__zone {
|
|
3738
|
+
display: flex;
|
|
3739
|
+
min-width: 0;
|
|
3740
|
+
min-height: 0;
|
|
3741
|
+
box-sizing: border-box;
|
|
3742
|
+
}
|
|
3743
|
+
/* A zone lays its panels out along its own axis, so two panels in the left zone can
|
|
3744
|
+
sit side by side or stacked — see zoneAxis(). */
|
|
3745
|
+
slicc-layout .slicc-layout__zone[data-axis='row'] { flex-direction: row; }
|
|
3746
|
+
slicc-layout .slicc-layout__zone[data-axis='col'] { flex-direction: column; }
|
|
3747
|
+
${ua}`,ga=`slicc-layout-style`;function _a(e){if(e.getElementById(ga))return;let t=e.createElement(`style`);t.id=ga,t.textContent=ha,(e.head??e.documentElement).appendChild(t)}function B(e,t){let n=document.createElement(e);return n.className=t,n}var va=class extends HTMLElement{static observedAttributes=[`platform`];#e=m();#t=null;#n=!1;#r=B(`div`,`slicc-layout__root`);#i=B(`div`,`slicc-layout__parking`);#a=new Set;#o=null;#s=null;#c=0;#l=new MutationObserver(()=>this.#f());#u=new oa(this);connectedCallback(){_a(this.ownerDocument),this.#n=!0,this.#r.parentElement!==this&&this.append(this.#r),this.#i.parentElement!==this&&this.append(this.#i);for(let e of this.#u.overlays())e.parentElement!==this&&this.append(e);this.#v(),this.#f(),this.#l.observe(this,{childList:!0})}disconnectedCallback(){this.#n=!1,this.#l.disconnect(),this.#u.cancel(),this.#s?.disconnect(),this.#s=null,this.#c&&cancelAnimationFrame(this.#c),this.#c=0}attributeChangedCallback(e,t,n){e!==`platform`||t===n||!this.#n||this.#f(`environment`)}setLayout(e){this.#e=e?v(e):m(),this.#n&&this.#f(`set`)}getLayout(){return v(this.#e)}getResolved(){return this.#t?v(this.#t):null}getPlacedPanelIds(){return this.#t?g(this.#t).filter(e=>this.#a.has(e)):[]}isLocked(e){let t=this.#o??this.#t;return t?l(t,e):!1}environment(){let e=this.getBoundingClientRect(),t=this.getAttribute(`platform`);return{width:e.width,height:e.height,platform:t===`web`||t===`extension`||t===`electron`?t:void 0}}#d(){let e=new Map;for(let t of Array.from(this.querySelectorAll(`[${ma}]`))){if(!(t instanceof HTMLElement)||t.parentElement?.closest(`[data-slicc-panel]`))continue;let n=t.getAttribute(`panel-id`);n&&e.set(n,t)}return e}#f(e=`set`,t){let n=y(this.#e,this.environment());this.#o=n;let r=this.#d(),i=new Set,a=e=>this.#p(n,e,r,i),o=B(`div`,`slicc-layout__row`),s=a(`left`),c=a(`right`);s&&o.appendChild(s);let l=this.#m(n,r,i);l.style.flex=`1 1 0`,o.appendChild(l),c&&o.appendChild(c);let u=[],d=a(`top`);d&&u.push(d),u.push(o);let f=a(`bottom`);f&&u.push(f);let p=this.#g(n,r,i);p&&u.push(p);for(let[e,t]of r)i.has(e)||t.parentElement!==this.#i&&this.#i.appendChild(t);this.#r.replaceChildren(...u),this.#l.takeRecords(),this.#t=n,this.#a=i,this.#o=null,!t?.silent&&this.dispatchEvent(new CustomEvent(`slicc-layout-change`,{bubbles:!0,composed:!0,detail:{layout:v(n),reason:e}}))}#p(e,t,n,r){let i=e.docks.filter(e=>e.edge===t);if(i.length===0)return null;let a=[];for(let o of i){let i=B(`div`,`slicc-layout__dock slicc-layout__dock--${t}`);i.dataset.edge=t;let s=!1;for(let t of o.panels){let a=n.get(t);!a||e.panels[t]?.visible===!1||(this.#_(a,e,t),i.appendChild(a),r.add(t),s=!0)}s&&(i.style.flex=o.size==null?`0 0 auto`:d(o.size),a.push(i))}if(a.length===0)return null;if(a.length===1)return a[0];let o=B(`div`,`slicc-layout__dockstack slicc-layout__dockstack--${t}`);return o.dataset.edge=t,o.append(...a),o.style.flex=`0 0 auto`,o}#m(e,t,n){let r=e.zones??(e.center?p(e.center):{}),i=B(`div`,`slicc-layout__work`),a=i=>{let a=e.locked||(r.locked??[]).includes(i),o=(r[i]??[]).map(r=>this.#h(r,i,e,t,n)).filter(e=>e!==null);if(o.length===0)return null;let s=B(`div`,`slicc-layout__zone slicc-layout__zone--${i}`);s.dataset.zone=i;let c=_(r,i);s.dataset.axis=c,o.forEach((e,t)=>{if(t>0){let e=this.#u.buildZonePanelDivider(i,c,s,a);e&&s.appendChild(e)}s.appendChild(e)});let l=r.sizes?.[i];return s.style.flex=i===`center`?`1 1 0`:d(l??void 0),s},o=(t,n,i)=>{let o=n.map(e=>({zone:e,element:a(e)})).filter(e=>!!e.element);o.forEach((n,a)=>{if(a>0){let s=o[a-1].zone,c=e.locked||(r.locked??[]).includes(s)||(r.locked??[]).includes(n.zone),l=this.#u.buildZoneDivider(s,n.zone,i,t,c);l&&t.appendChild(l)}t.appendChild(n.element)})},s=B(`div`,`slicc-layout__work-row`);o(s,[`left`,`center`,`right`],!0);let c=a(`top`),l=a(`bottom`),u=[];return c&&u.push({zone:`top`,element:c}),u.push({zone:`center`,element:s}),l&&u.push({zone:`bottom`,element:l}),u.forEach((t,n)=>{if(n>0){let a=u[n-1].zone,o=e.locked||(r.locked??[]).includes(a)||(r.locked??[]).includes(t.zone),s=this.#u.buildZoneDivider(a,t.zone,!1,i,o);s&&i.appendChild(s)}i.appendChild(t.element)}),i}#h(e,t,n,r,i){let a=r.get(e);if(!a||n.panels[e]?.visible===!1)return null;let o=B(`div`,`slicc-layout__slot`);return o.dataset.panelId=e,o.dataset.zone=t,o.style.flex=d(n.panels[e]?.size??void 0),this.#_(a,n,e),o.appendChild(a),this.#u.decorateSlot(o,e),i.add(e),o}applyMove(e,t){if(this.isLocked(e))return;let n=na(this.#e,this.environment()),r=n.zones??p(n.center??null),i=u(r,e,t);i===r&&n.zones||(n.zones=i,n.center=null,this.#f(`rearrange`))}applyResize(e,t){let n=na(this.#e,this.environment()).zones,r=n?.[e];if(!n||!r||r.length!==t.length)return;let i={...this.#e.panels??{}};r.forEach((e,n)=>{i[e]={...i[e],size:t[n]}}),this.#e.panels=i}applyZoneResize(e,t){let n=na(this.#e,this.environment());n.zones&&(n.zones.sizes={...n.zones.sizes,[e]:t})}rerender(){this.#f(`resize`,{silent:!0})}commitResize(){this.#f(`resize`)}#g(e,t,n){if(e.floating.length===0)return null;let r=B(`div`,`slicc-layout__floating`),i=!1;for(let a of e.floating){let o=t.get(a.panel);!o||e.panels[a.panel]?.visible===!1||(this.#_(o,e,a.panel),o.setAttribute(`presentation`,`floating`),a.anchor&&o.setAttribute(`anchor`,a.anchor),a.width!=null&&(o.style.width=ya(a.width)),a.height!=null&&(o.style.height=ya(a.height)),r.appendChild(o),n.add(a.panel),i=!0)}return i?r:null}#_(e,t,n){e.toggleAttribute(`locked`,l(t,n)),e.removeAttribute(`hidden`),e.setAttribute(`presentation`,`docked`),e.removeAttribute(`anchor`),e.style.removeProperty(`width`),e.style.removeProperty(`height`)}#v(){typeof ResizeObserver>`u`||(this.#s=new ResizeObserver(()=>{this.#e.variants?.length&&(this.#c||=requestAnimationFrame(()=>{this.#c=0;let e=y(this.#e,this.environment()),t=this.#t?.appliedVariants.join(`,`)??``;e.appliedVariants.join(`,`)!==t&&this.#f(`viewport`)}))}),this.#s.observe(this))}};function ya(e){return typeof e==`number`?`${e}px`:e}C(`slicc-layout`,va);var ba=E(`
|
|
3486
3748
|
:host {
|
|
3487
3749
|
display: inline-grid;
|
|
3488
3750
|
place-items: center;
|
|
@@ -3529,7 +3791,7 @@ slicc-permissions .slicc-permissions__prompt-btn:disabled {
|
|
|
3529
3791
|
object-fit: cover;
|
|
3530
3792
|
display: block;
|
|
3531
3793
|
}
|
|
3532
|
-
`),
|
|
3794
|
+
`),xa=class extends HTMLElement{static observedAttributes=[`initials`,`name`,`src`,`email`,`size`,`label`];#e;#t=0;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[ba],this.addEventListener(`click`,this.#i),this.addEventListener(`keydown`,this.#a)}connectedCallback(){this.hasAttribute(`role`)||this.setAttribute(`role`,`button`),this.hasAttribute(`tabindex`)||this.setAttribute(`tabindex`,`0`),this.#o()}disconnectedCallback(){this.#t++}attributeChangedCallback(e,t,n){e===`size`&&this.#r(n),this.isConnected&&this.#o()}get initials(){return this.getAttribute(`initials`)}set initials(e){e==null?this.removeAttribute(`initials`):this.setAttribute(`initials`,e)}get name(){return this.getAttribute(`name`)}set name(e){e==null?this.removeAttribute(`name`):this.setAttribute(`name`,e)}get src(){return this.getAttribute(`src`)}set src(e){e==null?this.removeAttribute(`src`):this.setAttribute(`src`,e)}get email(){return this.getAttribute(`email`)}set email(e){e==null?this.removeAttribute(`email`):this.setAttribute(`email`,e)}get size(){return this.getAttribute(`size`)}set size(e){e==null?this.removeAttribute(`size`):this.setAttribute(`size`,e)}get label(){return this.getAttribute(`label`)}set label(e){e==null?this.removeAttribute(`label`):this.setAttribute(`label`,e)}get resolvedInitials(){let e=this.initials;return e!=null&&e.trim()!==``?e.trim().slice(0,2).toUpperCase():Ca(this.name)||`?`}async gravatarUrl(e=this.email){let t=e?.trim().toLowerCase();return t?`https://www.gravatar.com/avatar/${await Sa(t)}?s=${this.#n()}&d=404`:null}#n(){let e=this.getBoundingClientRect().width;return Math.max(1,Math.round((e>0?e:30)*2))}#r(e){e==null||e.trim()===``?this.style.removeProperty(`--avatar-size`):this.style.setProperty(`--avatar-size`,e)}#i=()=>{this.dispatchEvent(new CustomEvent(`slicc-avatar-click`,{bubbles:!0,composed:!0}))};#a=e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),this.click())};#o(){let e=++this.#t,t=this.src,n=this.email,r=this.resolvedInitials,i=this.label??this.name??(r===`?`?`Account`:r);this.setAttribute(`aria-label`,i);let a=[T(`span`,{class:`ini`,part:`initials`},r)];if(t){let n=T(`img`,{class:`img`,part:`image`,src:t,alt:i});n.addEventListener(`load`,()=>{e===this.#t&&this.#e.querySelector(`.me`)?.classList.add(`has-img`)}),n.addEventListener(`error`,()=>{e===this.#t&&(n.remove(),this.#e.querySelector(`.me`)?.classList.remove(`has-img`))}),a.push(n)}let o=T(`div`,{class:`me`,part:`avatar`},T(`slot`,null,...a));this.#e.replaceChildren(o),!t&&n&&this.#s(n,e)}#s(e,t){this.gravatarUrl(e).then(e=>{if(!e||t!==this.#t)return;let n=new Image;n.onload=()=>{if(t!==this.#t||!this.isConnected)return;let n=this.#e.querySelector(`.me`);n&&(n.style.backgroundImage=`url("${e}")`,n.classList.add(`has-img`))},n.src=e}).catch(()=>{})}};async function Sa(e){let t=new TextEncoder().encode(e),n=await crypto.subtle.digest(`SHA-256`,t);return Array.from(new Uint8Array(n)).map(e=>e.toString(16).padStart(2,`0`)).join(``)}function Ca(e){if(!e)return``;let t=e.trim().split(/\s+/).filter(Boolean);return t.length===0?``:t.length===1?t[0].slice(0,2).toUpperCase():(t[0][0]+t[t.length-1][0]).toUpperCase()}C(`slicc-avatar`,xa);var wa=E(`
|
|
3533
3795
|
:host { display: inline-flex; flex: 0 0 auto; }
|
|
3534
3796
|
:host([hidden]) { display: none; }
|
|
3535
3797
|
.col {
|
|
@@ -3550,7 +3812,7 @@ slicc-permissions .slicc-permissions__prompt-btn:disabled {
|
|
|
3550
3812
|
.col:hover { background: var(--ghost); color: var(--ink); }
|
|
3551
3813
|
.icon { display: inline-flex; place-items: center; pointer-events: none; }
|
|
3552
3814
|
.icon svg { display: block; }
|
|
3553
|
-
`),
|
|
3815
|
+
`),Ta=`panel-right-close`,Ea=`Collapse`,Da=16;C(`slicc-collapse-btn`,class extends HTMLElement{static observedAttributes=[`label`,`icon`];#e;#t=null;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[wa]}connectedCallback(){this.#n()}attributeChangedCallback(){this.isConnected&&this.#n()}get label(){return this.getAttribute(`label`)??Ea}set label(e){e==null?this.removeAttribute(`label`):this.setAttribute(`label`,e)}get icon(){return this.getAttribute(`icon`)??Ta}set icon(e){e==null?this.removeAttribute(`icon`):this.setAttribute(`icon`,e)}#n(){let e=this.label,t=n(this.icon,{size:Da,part:`icon`}),r=T(`button`,{class:`col`,part:`button`,type:`button`,"aria-label":e,title:e},T(`slot`,null,T(`span`,{class:`icon`},t)));r.addEventListener(`click`,this.#r),this.#t=r,this.#e.replaceChildren(r)}#r=()=>{this.dispatchEvent(new CustomEvent(`collapse`,{bubbles:!0,composed:!0}))}});var Oa=5,ka=1;function Aa(e){return e.replace(`claude-`,``)}function ja(e){return e==null||e===0?``:e>=1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(0)}K`:String(e)}function Ma(e){if(e.length<=Oa)return{individuals:e,buckets:[]};let t=[...e].sort((e,t)=>t.cost-e.cost),n=t.slice(0,Oa),r=[],i={count:0,cost:0};for(let e of t.slice(Oa))i.count+=1,i.cost+=e.cost,i.cost>=ka&&(r.push(i),i={count:0,cost:0});if(i.count>0){let e=r.at(-1);e?(e.count+=i.count,e.cost+=i.cost):r.push(i)}return{individuals:n,buckets:r}}var Na=E(`
|
|
3554
3816
|
:host {
|
|
3555
3817
|
position: absolute;
|
|
3556
3818
|
top: calc(100% + 8px);
|
|
@@ -3674,7 +3936,7 @@ slicc-permissions .slicc-permissions__prompt-btn:disabled {
|
|
|
3674
3936
|
font-variant-numeric: tabular-nums;
|
|
3675
3937
|
color: var(--ink);
|
|
3676
3938
|
}
|
|
3677
|
-
`);
|
|
3939
|
+
`);C(`slicc-cost-overlay`,class extends HTMLElement{static observedAttributes=[`open`];#e;#t=[];#n=[];#r=null;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[Na]}connectedCallback(){this.#i()}attributeChangedCallback(){this.isConnected&&this.#i()}get open(){return this.hasAttribute(`open`)}set open(e){this.toggleAttribute(`open`,!!e)}get models(){return this.#t}set models(e){this.#t=e,this.isConnected&&this.#i()}get scoops(){return this.#n}set scoops(e){this.#n=e,this.isConnected&&this.#i()}get total(){return this.#r}set total(e){this.#r=e!=null&&Number.isFinite(e)?e:null,this.isConnected&&this.#i()}#i(){let e=[];if(this.#t.length>0){let t=this.#t.map(e=>{let t=ja(e.tokens);return T(`div`,{class:`model-row`},T(`span`,{class:`model-name`},Aa(e.model)),t?T(`span`,{class:`model-tokens`},t):!1,T(`span`,{class:`model-cost`},`$${e.cost.toFixed(2)}`))});e.push(T(`div`,{class:`section section--models`},T(`div`,{class:`section-title`},`BY MODEL`),...t))}if(this.#n.length>0){let t=Ma(this.#n),n=t.individuals.map(e=>T(`div`,{class:`scoop-row`},T(`span`,{class:`scoop-name`},e.name),T(`span`,{class:`scoop-cost`},`$${e.cost.toFixed(2)}`))),r=t.buckets.map(e=>T(`div`,{class:`bucket-row`,part:`bucket`},`${e.count} ${e.count===1?`agent`:`agents`} · $${e.cost.toFixed(2)}`));e.push(T(`div`,{class:`section section--scoops`},T(`div`,{class:`section-title`},`BY AGENT`),...n,...r))}let t=this.#r??this.#t.reduce((e,t)=>e+t.cost,0);e.push(T(`div`,{class:`total-row`},T(`span`,{class:`total-label`},`Total`),T(`span`,{class:`total-cost`},`$${t.toFixed(2)}`)));let n=T(`div`,{class:`card`},...e);this.#e.replaceChildren(n)}});var Pa=E(`
|
|
3678
3940
|
:host {
|
|
3679
3941
|
display: flex;
|
|
3680
3942
|
align-items: center;
|
|
@@ -3703,7 +3965,7 @@ slicc-permissions .slicc-permissions__prompt-btn:disabled {
|
|
|
3703
3965
|
min-width: 0;
|
|
3704
3966
|
background: var(--line, #e5e5e5);
|
|
3705
3967
|
}
|
|
3706
|
-
`);
|
|
3968
|
+
`);C(`slicc-day-separator`,class extends HTMLElement{static observedAttributes=[`label`];#e;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[Pa]}connectedCallback(){this.#t()}attributeChangedCallback(){this.isConnected&&this.#t()}get label(){return this.getAttribute(`label`)}set label(e){e==null?this.removeAttribute(`label`):this.setAttribute(`label`,e)}#t(){let e=this.label??T(`slot`);this.#e.replaceChildren(T(`span`,{class:`label`,part:`label`},e))}});var Fa=`CLI float`;function Ia(e){if(e==null)return null;let t=e.trim();if(t===``)return null;let n=Number.parseFloat(t.replace(/^\$/,``));return Number.isFinite(n)?n:null}function La(e){let t=Ia(e);return t==null?null:`$${t.toFixed(2)}`}function Ra(e){return`${La(e)??`$0.00`}/h`}var za=720,Ba=E(`
|
|
3707
3969
|
:host {
|
|
3708
3970
|
position: relative;
|
|
3709
3971
|
display: inline-flex;
|
|
@@ -3820,7 +4082,7 @@ slicc-permissions .slicc-permissions__prompt-btn:disabled {
|
|
|
3820
4082
|
@media (prefers-reduced-motion: reduce) {
|
|
3821
4083
|
.tip { transition: none; }
|
|
3822
4084
|
}
|
|
3823
|
-
`);
|
|
4085
|
+
`);C(`slicc-floatbar`,class extends HTMLElement{static observedAttributes=[`label`,`linked`,`online`,`rate`,`spent`];#e;#t=null;#n=null;#r=[];#i=[];#a;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[Ba]}connectedCallback(){this.#c();let e=this.closest(`slicc-nav`);e&&typeof ResizeObserver<`u`&&(this.#t=new ResizeObserver(()=>this.#s()),this.#t.observe(e))}disconnectedCallback(){this.#t?.disconnect(),this.#t=null,clearTimeout(this.#a)}attributeChangedCallback(e,t,n){t!==n&&this.isConnected&&this.#c()}get label(){return this.getAttribute(`label`)??Fa}set label(e){e==null?this.removeAttribute(`label`):this.setAttribute(`label`,e)}get linked(){return this.hasAttribute(`linked`)}set linked(e){this.toggleAttribute(`linked`,!!e)}get online(){return this.hasAttribute(`online`)}set online(e){this.toggleAttribute(`online`,!!e)}get spent(){return this.getAttribute(`spent`)}set spent(e){e==null?this.removeAttribute(`spent`):this.setAttribute(`spent`,String(e))}get rate(){return this.getAttribute(`rate`)}set rate(e){e==null?this.removeAttribute(`rate`):this.setAttribute(`rate`,String(e))}get costModels(){return this.#r}set costModels(e){this.#r=e,this.#n&&(this.#n.models=e)}get costScoops(){return this.#i}set costScoops(e){this.#i=e,this.#n&&(this.#n.scoops=e)}#o(){let e=[this.label];return e.push(Ra(this.rate)),e.push(`recency-weighted session avg`),e.push(this.online?`online`:`offline`),e.join(` · `)}#s(){let e=this.closest(`slicc-nav`),t=e?getComputedStyle(e):null;(e?e.clientWidth-Number.parseFloat(t?.paddingLeft??`0`)-Number.parseFloat(t?.paddingRight??`0`):1/0)<=za?this.setAttribute(`title`,this.#o()):this.removeAttribute(`title`)}#c(){let e=[];this.online&&e.push(T(`span`,{class:`fdot`,part:`dot`}));let[t,...r]=this.label.split(` · `),i=[T(`span`,{class:`runtime`},t)];r.length>0&&i.push(T(`span`,{class:`detail`},` · ${r.join(` · `)}`)),e.push(T(`span`,{class:`label`,part:`label`},T(`slot`,null,...i))),e.push(T(`span`,{class:`sep`,part:`sep`}));let a=T(`span`,{class:`spent`,part:`spent rate`},n(`circle-dollar-sign`,{size:12}),T(`span`,{class:`amount`},Ra(this.rate)));a.addEventListener(`mouseenter`,()=>this.#l()),a.addEventListener(`mouseleave`,()=>this.#u()),e.push(a),e.push(T(`span`,{class:`tip`,part:`tip`,"aria-hidden":`true`},this.#o())),this.#n=null,this.#e.replaceChildren(...e),this.#s()}#l(){if(clearTimeout(this.#a),!this.#n){let e=document.createElement(`slicc-cost-overlay`);e.models=this.#r,e.scoops=this.#i,e.total=Ia(this.spent),e.addEventListener(`mouseenter`,()=>this.#l()),e.addEventListener(`mouseleave`,()=>this.#u()),this.#e.appendChild(e),this.#n=e}this.#n.toggleAttribute(`open`,!0)}#u(){this.#a=setTimeout(()=>{this.#n&&this.#n.removeAttribute(`open`)},150)}});var Va=E(`
|
|
3824
4086
|
:host { display: inline-grid; }
|
|
3825
4087
|
:host([hidden]) { display: none; }
|
|
3826
4088
|
.iconbtn {
|
|
@@ -3849,7 +4111,7 @@ slicc-permissions .slicc-permissions__prompt-btn:disabled {
|
|
|
3849
4111
|
.iconbtn:disabled:hover { background: var(--canvas); color: var(--txt-2); }
|
|
3850
4112
|
.icon { display: grid; place-items: center; pointer-events: none; }
|
|
3851
4113
|
.icon svg { display: block; }
|
|
3852
|
-
`),
|
|
4114
|
+
`),Ha=`plus`,Ua=16;C(`slicc-icon-button`,class extends HTMLElement{static observedAttributes=[`icon`,`disabled`,`label`];#e;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[Va]}connectedCallback(){this.#t()}attributeChangedCallback(){this.isConnected&&this.#t()}get icon(){return this.getAttribute(`icon`)??Ha}set icon(e){e==null?this.removeAttribute(`icon`):this.setAttribute(`icon`,e)}get disabled(){return this.hasAttribute(`disabled`)}set disabled(e){e?this.setAttribute(`disabled`,``):this.removeAttribute(`disabled`)}get label(){return this.getAttribute(`label`)}set label(e){e==null?this.removeAttribute(`label`):this.setAttribute(`label`,e)}#t(){let e=this.label,t=T(`slot`,null,T(`span`,{class:`icon`},n(this.icon,{size:Ua,part:`icon`}))),r=T(`button`,{type:`button`,class:`iconbtn`,part:`button`,"aria-label":e??void 0,title:e??void 0,disabled:this.disabled},t);this.#e.replaceChildren(r)}});var Wa=`
|
|
3853
4115
|
slicc-pane {
|
|
3854
4116
|
display: flex;
|
|
3855
4117
|
flex-direction: column;
|
|
@@ -3888,7 +4150,7 @@ slicc-pane .slicc-pane__body {
|
|
|
3888
4150
|
min-height: 0;
|
|
3889
4151
|
overflow: auto;
|
|
3890
4152
|
}
|
|
3891
|
-
`,
|
|
4153
|
+
`,Ga=`slicc-pane-style`;function Ka(e){if(e.getElementById(Ga))return;let t=e.createElement(`style`);t.id=Ga,t.textContent=Wa,(e.head??e.documentElement).appendChild(t)}C(`slicc-pane`,class extends HTMLElement{static observedAttributes=[`elevated`];#e;#t;#n=!1;connectedCallback(){Ka(this.ownerDocument),this.#r()}attributeChangedCallback(e,t,n){e===`elevated`&&t!==n&&this.isConnected&&this.dispatchEvent(new CustomEvent(`slicc-pane-change`,{bubbles:!0,composed:!0,detail:{elevated:n!==null}}))}get elevated(){return this.hasAttribute(`elevated`)}set elevated(e){e?this.setAttribute(`elevated`,``):this.removeAttribute(`elevated`)}#r(){if(this.#n)return;this.#n=!0;let e=Array.from(this.childNodes).filter(e=>!(e instanceof HTMLElement&&e.classList.contains(`slicc-pane__surface`))),t=this.ownerDocument.createElement(`div`);t.className=`slicc-pane__surface`,t.setAttribute(`part`,`surface`),this.#e=this.ownerDocument.createElement(`div`),this.#e.className=`slicc-pane__header`,this.#e.setAttribute(`part`,`header`),this.#t=this.ownerDocument.createElement(`div`),this.#t.className=`slicc-pane__body`,this.#t.setAttribute(`part`,`body`),t.append(this.#e,this.#t);for(let t of e)t instanceof HTMLElement&&t.getAttribute(`slot`)===`header`?this.#e.appendChild(t):this.#t.appendChild(t);this.appendChild(t)}});function qa(e){return e===`tool`||e===`sprinkle`}var Ja=E(`
|
|
3892
4154
|
:host { display: none; flex: 0 0 auto; }
|
|
3893
4155
|
:host([kind="tool"]), :host([kind="sprinkle"]) { display: inline-block; }
|
|
3894
4156
|
.ptag {
|
|
@@ -3907,7 +4169,7 @@ slicc-pane .slicc-pane__body {
|
|
|
3907
4169
|
background: color-mix(in srgb, var(--violet) 22%, var(--canvas));
|
|
3908
4170
|
border-color: color-mix(in srgb, var(--violet) 38%, var(--line));
|
|
3909
4171
|
}
|
|
3910
|
-
`);
|
|
4172
|
+
`);C(`slicc-pane-tag`,class extends HTMLElement{static observedAttributes=[`kind`];#e;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[Ja]}connectedCallback(){this.#t()}attributeChangedCallback(){this.isConnected&&this.#t()}get kind(){let e=this.getAttribute(`kind`);return qa(e)?e:null}set kind(e){e==null?this.removeAttribute(`kind`):this.setAttribute(`kind`,e)}#t(){let e=T(`span`,{class:`ptag`,part:`tag`},T(`slot`,null,this.kind??``));this.#e.replaceChildren(e)}});var Ya=`
|
|
3911
4173
|
slicc-press-button {
|
|
3912
4174
|
display: inline-flex;
|
|
3913
4175
|
}
|
|
@@ -3999,7 +4261,7 @@ slicc-press-button {
|
|
|
3999
4261
|
animation: none;
|
|
4000
4262
|
}
|
|
4001
4263
|
}
|
|
4002
|
-
`,
|
|
4264
|
+
`,Xa=`slicc-press-button-style`;function Za(e){if(e.getElementById(Xa))return;let t=e.createElement(`style`);t.id=Xa,t.textContent=Ya,(e.head??e.documentElement).appendChild(t)}var Qa=`slicc-press-btn`,$a=`is-squish`,eo=`is-wobble`;C(`slicc-press-button`,class extends HTMLElement{static get observedAttributes(){return[`label`,`tooltip`,`tooltip-pos`,`disabled`]}innerBtn=null;pressLayer=null;handle=null;initialized=!1;pendingShortTimer=null;pendingShortEvent=null;animEndListener=null;connectedCallback(){Za(this.ownerDocument),this.initialized?this.handle===null&&this.attachGesture():this.initialize(),this.syncAttributes()}disconnectedCallback(){this.handle?.destroy(),this.handle=null,this.clearPendingShort(),this.clearRipple(),this.clearAnimation()}attributeChangedCallback(){this.initialized&&this.syncAttributes()}get disabled(){return this.hasAttribute(`disabled`)}set disabled(e){this.toggleAttribute(`disabled`,e)}get label(){return this.getAttribute(`label`)}set label(e){e==null?this.removeAttribute(`label`):this.setAttribute(`label`,e)}get tooltip(){return this.getAttribute(`tooltip`)}set tooltip(e){e==null?this.removeAttribute(`tooltip`):this.setAttribute(`tooltip`,e)}setIcon(e){this.initialized||this.initialize();let t=this.innerBtn,n=this.pressLayer;for(let e of Array.from(t.childNodes))e!==n&&e.remove();let r=new DOMParser().parseFromString(e,`text/html`).body;for(;r.firstChild;)t.appendChild(r.firstChild)}focus(e){this.initialized||this.initialize(),this.innerBtn?.focus(e)}initialize(){this.initialized=!0;let e=T(`span`,{class:`${Qa}__press-layer`,part:`press-layer`}),t=T(`button`,{type:`button`,class:`${Qa}__btn`,part:`button`},e);for(;this.firstChild;)t.appendChild(this.firstChild);this.appendChild(t),this.innerBtn=t,this.pressLayer=e,this.attachGesture()}syncAttributes(){let e=this.innerBtn;if(!e)return;let t=this.getAttribute(`label`);t==null?e.removeAttribute(`aria-label`):e.setAttribute(`aria-label`,t);let n=this.getAttribute(`tooltip`);n==null?delete e.dataset.tooltip:e.dataset.tooltip=n;let r=this.getAttribute(`tooltip-pos`);r==null?delete e.dataset.tooltipPos:e.dataset.tooltipPos=r,this.hasAttribute(`disabled`)?e.setAttribute(`disabled`,``):e.removeAttribute(`disabled`)}longPressMs(){let e=this.getAttribute(`long-press-ms`);if(e==null)return nr;let t=Number(e);return Number.isFinite(t)&&t>0?t:nr}doubleClickMs(){let e=this.getAttribute(`double-click-ms`);if(e==null)return 350;let t=Number(e);return Number.isFinite(t)&&t>0?t:350}doubleClickDisabled(){return this.hasAttribute(`disable-double-click`)}emit(e,t){e===`short-click`?this.playAnimation($a):e===`double-click`&&this.playAnimation(eo);let n=t?{sourceEvent:t}:{};this.dispatchEvent(new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:n}))}playAnimation(e){let t=this.innerBtn;if(!t)return;this.clearAnimation(),t.offsetWidth,t.classList.add(e);let n=e=>{e.target===t&&this.clearAnimation()};this.animEndListener=n,t.addEventListener(`animationend`,n)}clearAnimation(){let e=this.innerBtn;e&&(this.animEndListener&&=(e.removeEventListener(`animationend`,this.animEndListener),null),e.classList.remove($a,eo))}clearPendingShort(){this.pendingShortTimer!==null&&(clearTimeout(this.pendingShortTimer),this.pendingShortTimer=null),this.pendingShortEvent=null}attachGesture(){this.handle=rr(this,{longPressMs:this.longPressMs(),onPressStart:e=>this.paintRipple(e),onPressEnd:()=>this.clearRipple(),onLongPress:()=>{if(this.pendingShortTimer!==null){this.clearPendingShort(),this.emit(`double-click`);return}this.emit(`long-press`)},onShortClick:e=>{if(this.doubleClickDisabled()){this.emit(`short-click`,e);return}if(this.pendingShortTimer!==null){this.clearPendingShort(),this.emit(`double-click`,e);return}this.pendingShortEvent=e,this.pendingShortTimer=setTimeout(()=>{this.pendingShortTimer=null;let e=this.pendingShortEvent;this.pendingShortEvent=null,this.emit(`short-click`,e??void 0)},this.doubleClickMs())}})}paintRipple(e){this.clearRipple();let t=this.pressLayer;if(!t)return;let n=t.getBoundingClientRect(),r=e.clientX-n.left,i=e.clientY-n.top,a=Math.max(r,n.width-r),o=Math.max(i,n.height-i),s=Math.ceil(Math.hypot(a,o))+2,c=this.ownerDocument.createElement(`span`);c.className=`${Qa}__press`,c.style.left=`${r}px`,c.style.top=`${i}px`,c.style.width=`0px`,c.style.height=`0px`,c.style.transitionDuration=`${this.longPressMs()}ms`,t.appendChild(c),requestAnimationFrame(()=>{c.isConnected&&(c.style.width=`${s*2}px`,c.style.height=`${s*2}px`)})}clearRipple(){let e=this.pressLayer;if(e)for(;e.firstChild;)e.firstChild.remove()}});var to=E(`
|
|
4003
4265
|
:host { display: inline-flex; }
|
|
4004
4266
|
:host([hidden]) { display: none; }
|
|
4005
4267
|
|
|
@@ -4029,7 +4291,7 @@ slicc-press-button {
|
|
|
4029
4291
|
outline: 2px solid var(--violet);
|
|
4030
4292
|
outline-offset: 2px;
|
|
4031
4293
|
}
|
|
4032
|
-
`);
|
|
4294
|
+
`);C(`slicc-swatch`,class extends HTMLElement{static observedAttributes=[`color`,`hue`,`selected`,`label`];#e;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[to]}connectedCallback(){this.#t()}attributeChangedCallback(){this.isConnected&&this.#t()}get color(){return this.getAttribute(`color`)}set color(e){e==null?this.removeAttribute(`color`):this.setAttribute(`color`,e)}get hue(){return this.hasAttribute(`hue`)}set hue(e){this.toggleAttribute(`hue`,!!e)}get selected(){return this.hasAttribute(`selected`)}set selected(e){this.toggleAttribute(`selected`,!!e)}get label(){return this.getAttribute(`label`)}set label(e){e==null?this.removeAttribute(`label`):this.setAttribute(`label`,e)}#t(){let e=this.color,t=[`sw`];this.hue&&t.push(`hue`),this.selected&&t.push(`on`);let n=T(`button`,{type:`button`,part:`button`,class:t.join(` `),"aria-pressed":this.selected?`true`:`false`,"aria-label":this.label??e??`color swatch`},T(`slot`));e&&n.style.setProperty(`--swatch-color`,e),n.addEventListener(`click`,this.#n),this.#e.replaceChildren(n)}#n=()=>{this.selected=!0,this.dispatchEvent(new CustomEvent(`select`,{detail:{color:this.color},bubbles:!0,composed:!0}))}});var no=new Set([`rose`,`cyan`,`violet`,`amber`,`waffle`,`green`]),ro=E(`
|
|
4033
4295
|
:host {
|
|
4034
4296
|
display: inline-flex;
|
|
4035
4297
|
vertical-align: middle;
|
|
@@ -4089,7 +4351,7 @@ slicc-press-button {
|
|
|
4089
4351
|
:host-context(.dark)[hue="amber"] .tag, :host-context([data-theme="dark"])[hue="amber"] .tag { background: color-mix(in srgb, var(--amber) 22%, var(--canvas)); border-color: color-mix(in srgb, var(--amber) 38%, var(--line)); }
|
|
4090
4352
|
:host-context(.dark)[hue="waffle"] .tag, :host-context([data-theme="dark"])[hue="waffle"] .tag { background: color-mix(in srgb, var(--waffle) 22%, var(--canvas)); border-color: color-mix(in srgb, var(--waffle) 38%, var(--line)); }
|
|
4091
4353
|
:host-context(.dark)[hue="green"] .tag, :host-context([data-theme="dark"])[hue="green"] .tag { background: color-mix(in srgb, var(--green) 22%, var(--canvas)); border-color: color-mix(in srgb, var(--green) 38%, var(--line)); }
|
|
4092
|
-
`);
|
|
4354
|
+
`);C(`slicc-tag`,class extends HTMLElement{static observedAttributes=[`hue`,`label`,`dot`];#e;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[ro]}connectedCallback(){this.#t()}attributeChangedCallback(){this.isConnected&&this.#t()}get hue(){let e=this.getAttribute(`hue`);return e&&no.has(e)?e:null}set hue(e){e==null?this.removeAttribute(`hue`):this.setAttribute(`hue`,e)}get label(){return this.getAttribute(`label`)}set label(e){e==null?this.removeAttribute(`label`):this.setAttribute(`label`,e)}get dot(){return this.hasAttribute(`dot`)}set dot(e){e?this.setAttribute(`dot`,``):this.removeAttribute(`dot`)}#t(){let e=this.label??T(`slot`),t=T(`span`,{class:`tag`,part:`tag`},this.dot?T(`span`,{class:`dot`,part:`dot`}):null,T(`span`,{class:`label`,part:`label`},e));this.#e.replaceChildren(t)}});var io=E(`
|
|
4093
4355
|
:host {
|
|
4094
4356
|
position: fixed;
|
|
4095
4357
|
inset: 0;
|
|
@@ -4184,7 +4446,7 @@ video {
|
|
|
4184
4446
|
color: var(--txt-3, #717171);
|
|
4185
4447
|
font-size: 13px;
|
|
4186
4448
|
}
|
|
4187
|
-
`),
|
|
4449
|
+
`),V=null,H=null,ao=class e extends HTMLElement{#e;#t=[];constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[io]}disconnectedCallback(){for(let e of this.#t)URL.revokeObjectURL(e);this.#t.length=0,V===this&&(V=null)}static open(t){e.close();let r=document.createElement(`slicc-quick-look`),i=t.path.split(`/`).pop()||t.path,a=T(`div`,{class:`backdrop`}),o=T(`button`,{class:`x`});o.appendChild(n(`x`,{size:14}));let s=T(`div`,{class:`header`},i,o),c=T(`div`,{class:`content`});c.appendChild(r.#r(t));let l=T(`div`,{class:`panel`},s,c);l.tabIndex=-1,r.#e.append(a,l),document.body.appendChild(r),V=r,l.focus(),a.addEventListener(`click`,()=>r.#n(`backdrop`)),o.addEventListener(`click`,()=>r.#n(`close-button`)),H&&document.removeEventListener(`keydown`,H),H=e=>{e.key===`Escape`&&r.#n(`escape`)},document.addEventListener(`keydown`,H)}static close(){if(V){for(let e of V.#t)URL.revokeObjectURL(e);V.remove(),V=null}H&&=(document.removeEventListener(`keydown`,H),null)}#n(t){this.dispatchEvent(new CustomEvent(`quick-look-close`,{bubbles:!0,composed:!0,detail:{reason:t}})),e.close()}#r(e){let t=e.mimeType;if(t.startsWith(`text/`)||t===`application/json`)return T(`pre`,null,typeof e.content==`string`?e.content:new TextDecoder().decode(e.content));if(t.startsWith(`image/`)){let n=new Blob([typeof e.content==`string`?new TextEncoder().encode(e.content):e.content],{type:t}),r=document.createElement(`img`),i=URL.createObjectURL(n);return this.#t.push(i),r.src=i,r.alt=e.path.split(`/`).pop()||``,r}if(t.startsWith(`audio/`)){let n=new Blob([typeof e.content==`string`?new TextEncoder().encode(e.content):e.content],{type:t}),r=document.createElement(`audio`);r.controls=!0;let i=URL.createObjectURL(n);return this.#t.push(i),r.src=i,r}if(t.startsWith(`video/`)){let n=new Blob([typeof e.content==`string`?new TextEncoder().encode(e.content):e.content],{type:t}),r=document.createElement(`video`);r.controls=!0;let i=URL.createObjectURL(n);return this.#t.push(i),r.src=i,r}return T(`div`,{class:`fallback`},`Preview not available for this file type (${oo(typeof e.content==`string`?e.content.length:e.content.byteLength)})`)}};function oo(e){return e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(1)} MB`}C(`slicc-quick-look`,ao);var so=`
|
|
4188
4450
|
.slicc-chatpane {
|
|
4189
4451
|
flex: 0 0 auto;
|
|
4190
4452
|
width: calc(100% - 48px);
|
|
@@ -4229,102 +4491,20 @@ video {
|
|
|
4229
4491
|
-webkit-mask-image: none;
|
|
4230
4492
|
mask-image: none;
|
|
4231
4493
|
}
|
|
4232
|
-
`,
|
|
4494
|
+
`,co=`slicc-chatpane-style`;function lo(e){if(e.getElementById(co))return;let t=e.createElement(`style`);t.id=co,t.textContent=so,(e.head??e.documentElement).appendChild(t)}var uo=[`slicc-chat-thread`,`slicc-composer`];C(`slicc-chatpane`,class extends HTMLElement{static observedAttributes=[`narrow`];#e=null;#t=!1;connectedCallback(){lo(this.ownerDocument),this.classList.add(`slicc-chatpane`),this.setAttribute(`part`,`pane`),this.#t=!0,this.#n(),this.#r()}disconnectedCallback(){this.#e?.disconnect(),this.#e=null}attributeChangedCallback(e,t,n){e!==`narrow`||t===n||this.isConnected&&(this.#n(),this.dispatchEvent(new CustomEvent(`slicc-chatpane-narrow-change`,{detail:{narrow:this.narrow},bubbles:!0,composed:!0})))}get narrow(){return this.hasAttribute(`narrow`)}set narrow(e){e?this.setAttribute(`narrow`,``):this.removeAttribute(`narrow`)}get nav(){return this.querySelector(`:scope > slicc-nav`)}get thread(){return this.querySelector(`:scope > slicc-chat-thread`)}get composer(){return this.querySelector(`:scope > slicc-composer`)}#n(){if(!this.#t)return;let e=this.narrow;for(let t of uo)for(let n of this.querySelectorAll(`:scope > ${t}`))e?n.setAttribute(`open`,``):n.removeAttribute(`open`)}#r(){this.#e||(this.#e=new MutationObserver(()=>this.#n()),this.#e.observe(this,{childList:!0}))}});var fo=`
|
|
4233
4495
|
.slicc-shell { display: flex; flex: 1; min-height: 0; }
|
|
4234
|
-
.slicc-shell > slicc-
|
|
4235
|
-
.slicc-shell > .
|
|
4236
|
-
flex:
|
|
4237
|
-
width:
|
|
4496
|
+
.slicc-shell > slicc-dock-tree,
|
|
4497
|
+
.slicc-shell > .dock-tree {
|
|
4498
|
+
flex: 1 1 0;
|
|
4499
|
+
min-width: 0;
|
|
4238
4500
|
min-height: 0;
|
|
4239
|
-
transition: width .38s cubic-bezier(.4, 0, .2, 1);
|
|
4240
|
-
}
|
|
4241
|
-
.slicc-shell[open] > slicc-chatpane,
|
|
4242
|
-
.slicc-shell[open] > .chatpane { width: var(--slicc-chat-w, 75%); }
|
|
4243
|
-
.slicc-shell > slicc-workbench-pane,
|
|
4244
|
-
.slicc-shell > .workbench {
|
|
4245
|
-
flex: 0 0 auto;
|
|
4246
|
-
width: 0;
|
|
4247
|
-
margin: 0;
|
|
4248
|
-
opacity: 0;
|
|
4249
|
-
overflow: hidden;
|
|
4250
|
-
transition: width .38s cubic-bezier(.4, 0, .2, 1), margin .38s cubic-bezier(.4, 0, .2, 1), opacity .28s ease;
|
|
4251
|
-
}
|
|
4252
|
-
.slicc-shell[open] > slicc-workbench-pane,
|
|
4253
|
-
.slicc-shell[open] > .workbench {
|
|
4254
|
-
width: calc(100% - 48px - var(--slicc-chat-w, 75%) - 24px);
|
|
4255
|
-
margin: 12px;
|
|
4256
|
-
opacity: 1;
|
|
4257
4501
|
}
|
|
4258
4502
|
/* Pin the dock to its full 48px basis. This selector outranks the dock's own
|
|
4259
4503
|
"flex: 0 0 48px" rule, so an "auto" basis here would collapse the rail to its
|
|
4260
4504
|
~35px icon-content width and leave a bare-shader strip down the right edge. */
|
|
4261
4505
|
.slicc-shell > slicc-dock,
|
|
4262
4506
|
.slicc-shell > .dock { flex: 0 0 48px; }
|
|
4263
|
-
|
|
4264
|
-
/* ── Resize divider ─────────────────────────────────────────────────── */
|
|
4265
|
-
/* Fully invisible at rest -- the user sees only a col-resize cursor.
|
|
4266
|
-
On hover or active drag a 1px accent line fades in. */
|
|
4267
|
-
.slicc-shell > .slicc-shell__divider {
|
|
4268
|
-
display: none;
|
|
4269
|
-
width: 0;
|
|
4270
|
-
position: relative;
|
|
4271
|
-
cursor: col-resize;
|
|
4272
|
-
touch-action: none;
|
|
4273
|
-
z-index: 2;
|
|
4274
|
-
flex: 0 0 0;
|
|
4275
|
-
align-self: stretch;
|
|
4276
|
-
}
|
|
4277
|
-
.slicc-shell[open] > .slicc-shell__divider { display: block; }
|
|
4278
|
-
/* Wider invisible hit area (9px) centered on the zero-width divider. */
|
|
4279
|
-
.slicc-shell > .slicc-shell__divider::after {
|
|
4280
|
-
content: '';
|
|
4281
|
-
position: absolute;
|
|
4282
|
-
top: 0; bottom: 0; left: -4px;
|
|
4283
|
-
width: 9px;
|
|
4284
|
-
}
|
|
4285
|
-
/* Thin accent line — appears only on hover or active drag. */
|
|
4286
|
-
.slicc-shell > .slicc-shell__divider::before {
|
|
4287
|
-
content: '';
|
|
4288
|
-
position: absolute;
|
|
4289
|
-
top: 0; bottom: 0; left: 0;
|
|
4290
|
-
width: 1px;
|
|
4291
|
-
background: var(--line, rgba(128,128,128,0.25));
|
|
4292
|
-
opacity: 0;
|
|
4293
|
-
transition: opacity .15s ease;
|
|
4294
|
-
pointer-events: none;
|
|
4295
|
-
}
|
|
4296
|
-
.slicc-shell > .slicc-shell__divider:hover::before { opacity: 1; }
|
|
4297
|
-
.slicc-shell[dragging] > .slicc-shell__divider::before {
|
|
4298
|
-
opacity: 1;
|
|
4299
|
-
background: var(--accent, #6366f1);
|
|
4300
|
-
}
|
|
4301
|
-
/* Disable transitions during drag for an immediate, responsive feel. */
|
|
4302
|
-
.slicc-shell[dragging] > slicc-chatpane,
|
|
4303
|
-
.slicc-shell[dragging] > .chatpane,
|
|
4304
|
-
.slicc-shell[dragging] > slicc-workbench-pane,
|
|
4305
|
-
.slicc-shell[dragging] > .workbench { transition: none; }
|
|
4306
|
-
|
|
4307
|
-
/* Narrow / extension-sidebar layout: a viewport this thin can't host a
|
|
4308
|
-
chat | workbench side-by-side split, so when the workbench opens it becomes a
|
|
4309
|
-
full-bleed overlay ON TOP of the (full-width) chat, leaving only the 48px dock
|
|
4310
|
-
rail exposed so its icons stay tappable to toggle the workbench closed again. */
|
|
4311
|
-
@media (max-width: 560px) {
|
|
4312
|
-
.slicc-shell { position: relative; }
|
|
4313
|
-
.slicc-shell > slicc-chatpane,
|
|
4314
|
-
.slicc-shell > .chatpane,
|
|
4315
|
-
.slicc-shell[open] > slicc-chatpane,
|
|
4316
|
-
.slicc-shell[open] > .chatpane { width: calc(100% - 48px); }
|
|
4317
|
-
.slicc-shell[open] > slicc-workbench-pane,
|
|
4318
|
-
.slicc-shell[open] > .workbench {
|
|
4319
|
-
position: absolute; top: 0; right: 48px; bottom: 0; left: 0;
|
|
4320
|
-
width: auto; margin: 0; border-radius: 0; opacity: 1;
|
|
4321
|
-
z-index: 5;
|
|
4322
|
-
background: var(--bg);
|
|
4323
|
-
}
|
|
4324
|
-
/* Hide the resize divider on narrow viewports (overlay mode). */
|
|
4325
|
-
.slicc-shell > .slicc-shell__divider { display: none !important; }
|
|
4326
|
-
}
|
|
4327
|
-
`,Na=`slicc-shell-style`;function Pa(e){if(e.getElementById(Na))return;let t=e.createElement(`style`);t.id=Na,t.textContent=Ma,(e.head??e.documentElement).appendChild(t)}b(`slicc-shell`,class e extends HTMLElement{static observedAttributes=[`open`,`url-state`];#e=null;#t=null;#n=!1;#r=null;#i=e=>{if(!this.urlState)return;let t=e.detail?.id;typeof t==`string`&&T(`ws`,t)};#a=()=>{this.urlState&&T(`ws`,null)};#o=()=>{if(!this.urlState)return;let e=w(`ws`);e?this.#s(e):this.open&&this.collapse()};connectedCallback(){if(Pa(this.ownerDocument),this.classList.add(`slicc-shell`),this.setAttribute(`part`,`shell`),this.#n=!0,this.#p(),this.#m(),this.#c(),this.#e=e=>{let t=e.detail?.id;typeof t==`string`&&this.select(t)},this.#t=()=>this.collapse(),this.addEventListener(`dock-select`,this.#e),this.addEventListener(`dock-collapse`,this.#t),this.addEventListener(`slicc-dock-select`,this.#i),this.addEventListener(`slicc-dock-collapse`,this.#a),this.urlState){window.addEventListener(`popstate`,this.#o);let e=w(`ws`);e&&queueMicrotask(()=>this.#s(e))}}disconnectedCallback(){this.#e&&this.removeEventListener(`dock-select`,this.#e),this.#t&&this.removeEventListener(`dock-collapse`,this.#t),this.#e=null,this.#t=null,this.removeEventListener(`slicc-dock-select`,this.#i),this.removeEventListener(`slicc-dock-collapse`,this.#a),window.removeEventListener(`popstate`,this.#o),this.#r?.remove(),this.#r=null}get urlState(){return this.hasAttribute(`url-state`)}set urlState(e){this.toggleAttribute(`url-state`,e)}#s(e){this.dock?.selectItem?.(e)}attributeChangedCallback(e,t,n){e===`open`&&t!==n&&this.isConnected&&this.#c()}get open(){return this.hasAttribute(`open`)}set open(e){this.toggleAttribute(`open`,e)}get chatpane(){return this.querySelector(`:scope > slicc-chatpane, :scope > .chatpane`)}get workbench(){return this.querySelector(`:scope > slicc-workbench-pane, :scope > .workbench`)}get dock(){return this.querySelector(`:scope > slicc-dock, :scope > .dock`)}select(e){this.open=!0,this.#l(e),this.dispatchEvent(new CustomEvent(`slicc-shell-select`,{detail:{id:e},bubbles:!0,composed:!0}))}collapse(){this.open=!1,this.dock?.clearActive?.(),this.dispatchEvent(new CustomEvent(`slicc-shell-collapse`,{bubbles:!0,composed:!0}))}#c(){if(!this.#n)return;let e=this.open;this.chatpane?.toggleAttribute(`narrow`,e),this.workbench?.toggleAttribute(`open`,e)}#l(e){this.dock?.selectItem?.(e);let t=this.workbench;t?.selectSurface&&t.selectSurface(e),this.#c()}static#u=`slicc-shell-chat-w`;static#d=.2;static#f=.8;#p(){if(this.#r)return;let e=this.workbench;if(!e)return;let t=this.ownerDocument.createElement(`div`);t.className=`slicc-shell__divider`,t.setAttribute(`role`,`separator`),t.setAttribute(`aria-orientation`,`vertical`),this.insertBefore(t,e),this.#r=t,this.#h(t)}#m(){try{let t=localStorage.getItem(e.#u);t&&this.style.setProperty(`--slicc-chat-w`,t)}catch{}}#h(t){t.addEventListener(`pointerdown`,n=>{if(n.button!==0)return;n.preventDefault(),t.setPointerCapture(n.pointerId),this.toggleAttribute(`dragging`,!0);let r=t=>{let n=this.getBoundingClientRect();if(n.width<=0)return;let r=t.clientX-n.left,i=Math.max(e.#d,Math.min(e.#f,r/n.width));this.style.setProperty(`--slicc-chat-w`,`${(i*100).toFixed(1)}%`)},i=()=>{this.removeAttribute(`dragging`),t.removeEventListener(`pointermove`,r),t.removeEventListener(`pointerup`,i),t.removeEventListener(`pointercancel`,i);try{let t=this.style.getPropertyValue(`--slicc-chat-w`);t&&localStorage.setItem(e.#u,t)}catch{}};t.addEventListener(`pointermove`,r),t.addEventListener(`pointerup`,i),t.addEventListener(`pointercancel`,i)}),t.addEventListener(`dblclick`,()=>{this.style.removeProperty(`--slicc-chat-w`);try{localStorage.removeItem(e.#u)}catch{}})}});var Fa=`http://www.w3.org/2000/svg`,Ia=18,La=16,V={cx:55,cy:50,r:38},Ra={cx:145,cy:50,r:38},za={cone:{vb:`70 330 440 570`,eyes:{top:-18.5,left:17,width:70,height:44},zoom:3,glyph:96},scoop:{vb:`0 0 580 470`,eyes:{top:30,left:15,width:70,height:45},zoom:2.65,glyph:96}},Ba={cone:`#D2691E`,scoop:`#FFB6C1`},Va=C(`
|
|
4507
|
+
`,po=`slicc-shell-style`;function mo(e){if(e.getElementById(po))return;let t=e.createElement(`style`);t.id=po,t.textContent=fo,(e.head??e.documentElement).appendChild(t)}C(`slicc-shell`,class extends HTMLElement{connectedCallback(){mo(this.ownerDocument),this.classList.add(`slicc-shell`),this.setAttribute(`part`,`shell`)}get dockTree(){return this.querySelector(`:scope > slicc-dock-tree, :scope > .dock-tree`)}get dock(){return this.querySelector(`:scope > slicc-dock, :scope > .dock`)}});var ho=`http://www.w3.org/2000/svg`,go=18,_o=16,U={cx:55,cy:50,r:38},vo={cx:145,cy:50,r:38},yo={cone:{vb:`70 330 440 570`,eyes:{top:-18.5,left:17,width:70,height:44},zoom:3,glyph:96},scoop:{vb:`0 0 580 470`,eyes:{top:30,left:15,width:70,height:45},zoom:2.65,glyph:96}},bo={cone:`#D2691E`,scoop:`#FFB6C1`},xo=E(`
|
|
4328
4508
|
:host{display:block;width:26px;height:26px;pointer-events:none;}
|
|
4329
4509
|
.avatar{position:relative;display:block;width:100%;height:100%;overflow:hidden;border-radius:7px;background:color-mix(in srgb,var(--slicc-agent-tabs-hue) 18%,transparent);}
|
|
4330
4510
|
.icon-inner{position:absolute;inset:0;transform-origin:0 0;transform:translate(var(--tx),var(--ty)) scale(var(--zoom));}
|
|
@@ -4335,7 +4515,7 @@ video {
|
|
|
4335
4515
|
:host([blink]) .eye-blink{transform-box:fill-box;transform-origin:center;animation:slicc-agent-avatar-blink 3.4s ease-in-out infinite;}
|
|
4336
4516
|
:host([blink]) .eye-r{animation-duration:4.6s;}
|
|
4337
4517
|
@media (prefers-reduced-motion:reduce){:host([blink]) .eye-blink{animation:none;}}
|
|
4338
|
-
`);function
|
|
4518
|
+
`);function W(e,t,...n){let r=document.createElementNS(ho,e);for(let[e,n]of Object.entries(t))r.setAttribute(e,String(n));return r.append(...n),r}function So(e,t){let n=e.replace(`#`,``),r=n.length===3?[...n].map(e=>`${e}${e}`).join(``):n,i=Number.parseInt(r,16);if(!Number.isFinite(i))return e;let a=t<0?0:255,o=e=>Math.round(e+(a-e)*Math.abs(t)).toString(16).padStart(2,`0`);return`#${o(i>>16&255)}${o(i>>8&255)}${o(i&255)}`}function Co(e,t,n){let r=[[`path`,{d:`M108.22,414.88l189.84,460.03c1.36,3.3,6.09,3.16,7.25-.22l159.34-463.34c.87-2.53-1.03-5.16-3.7-5.13l-349.18,3.32c-2.74.03-4.59,2.82-3.55,5.35Z`,fill:e,stroke:t,"stroke-linejoin":`round`,"stroke-width":20}],[`path`,{d:`M261.93,482.48h0c15.03-15.03,4.46-40.72-16.79-40.83h0c-21.37-.11-32.14,25.72-17.03,40.83h0c9.34,9.34,24.48,9.34,33.82,0Z`,fill:n}],[`path`,{d:`M384.85,527.49l-51.82,51.82c-2.24,2.24-2.24,5.86,0,8.1l55.71,55.71c2.24,2.24,5.86,2.24,8.1,0h0c.62-.62,1.08-1.36,1.37-2.19l26.52-77.11c.71-2.07.18-4.36-1.37-5.91l-30.41-30.41c-2.24-2.24-5.86-2.24-8.1,0Z`,fill:n}],[`path`,{d:`M371.7,684.58l-25.94,25.94c-2.24,2.24-2.24,5.86,0,8.1l12.67,12.67c2.99,2.99,8.09,1.82,9.46-2.19l13.28-38.61c1.97-5.74-5.17-10.2-9.46-5.91Z`,fill:n}],[`path`,{d:`M159.42,564.14l2.73,6.83c1.52,3.82,6.46,4.83,9.37,1.93l2.05-2.05c2.24-2.24,2.24-5.86,0-8.1l-4.78-4.78c-4.4-4.4-11.67.39-9.37,6.17Z`,fill:n}],[`path`,{d:`M243.92,633.11l-48.65-48.65c-5.24-5.24-13.74-5.24-18.99,0h0c-3.8,3.8-4.97,9.49-2.98,14.47l27.77,69.54c3.58,8.95,15.14,11.33,21.96,4.51l20.89-20.89c5.24-5.24,5.24-13.74,0-18.99Z`,fill:n}],[`path`,{d:`M211.32,533.1h0c14.11-14.11,14.11-36.98,0-51.08l-34.94-34.94c-.72-.72-.72-1.89,0-2.62h0c1.16-1.16.34-3.15-1.3-3.16l-11.23-.06c-25.62-.13-43.23,25.72-33.73,49.51l5.37,13.45c1.82,4.55,4.54,8.68,8,12.15l16.74,16.74c14.11,14.11,36.98,14.11,51.08,0Z`,fill:n}],[`path`,{d:`M263.74,792.53h0c-5.69,5.69-7.45,14.23-4.46,21.71l22.5,56.36c6.92,17.34,31.68,16.74,37.75-.92l8.66-25.2c2.5-7.28.64-15.35-4.8-20.79l-31.17-31.17c-7.87-7.87-20.62-7.87-28.48,0Z`,fill:n}],[`path`,{d:`M392.94,503.07l40.81-40.81c2.24-2.24,5.86-2.24,8.1,0l.06.06c2.24,2.24,2.24,5.86,0,8.1l-40.81,40.81c-2.24,2.24-2.24,5.86,0,8.1l22.48,22.48c2.99,2.99,8.09,1.82,9.46-2.19l30.71-89.32c1.27-3.71-1.47-7.57-5.39-7.59l-120.63-.6c-5.11-.03-7.69,6.16-4.08,9.77l51.18,51.18c2.24,2.24,5.86,2.24,8.1,0Z`,fill:n}]],i=[[274.59,463.59,84.73,95.66,42.36,`translate(-268.79 373.91) rotate(-45)`],[291.06,603.84,72.24,90.24,36.12,`translate(-363.06 421.43) rotate(-45)`],[217.18,527.25,72.24,95.66,36.12,`translate(-332.45 347.55) rotate(-45)`],[236.26,661.25,67.04,90.24,33.52,`translate(-420.46 397.65) rotate(-45)`]],a=r.map(([e,t])=>W(e,t));return a.push(...i.map(([e,t,r,i,a,o])=>W(`rect`,{x:e,y:t,width:r,height:i,rx:a,ry:a,transform:o,fill:n})),W(`ellipse`,{cx:288.37,cy:404.38,rx:182.34,ry:67.01,fill:e,stroke:t,"stroke-miterlimit":10,"stroke-width":20})),a}function wo(e,t){return[W(`path`,{d:`M566.75,340.67c0-29.85-12.97-56.87-33.96-76.47,4.8-9.98,7.44-20.71,7.44-31.9,0-38.29-30.62-71.33-74.92-86.77.33-3.07.51-6.17.51-9.3,0-69.72-84.29-126.24-188.26-126.24s-188.26,56.52-188.26,126.24c0,4,.29,7.95.83,11.86-34.94,15.4-58.48,44.25-58.48,77.34,0,18.21,7.15,34.25,19.39,49.26-25.1,19.88-41.05,49.47-41.05,82.54,0,59.85,52.15,108.37,116.49,108.37,10.83,0,21.3-1.4,31.26-3.98,31.42,41.91,83.55,69.34,142.55,69.34,64.73,0,121.2-33,151.11-81.94,63.8-.57,115.34-48.85,115.34-108.34Z`,fill:e,stroke:t,"stroke-width":20})]}function To(e){return e<=50?1:e>=85?2.2:1+(e-50)/35*1.2}function Eo(e,t,n){return W(`g`,{class:`eye-blink eye-${t}`},W(`circle`,{cx:e,cy:50,r:38,fill:`#fff`,stroke:`#000`,"stroke-width":4}),W(`g`,{class:`pupil pupil-${t}`},W(`circle`,{cx:e,cy:50,r:n,fill:`#000`}),W(`circle`,{cx:e-n*.3,cy:50-n*.35,r:n*.4,fill:`#fff`})))}function Do(e){return[W(`circle`,{cx:e,cy:50,r:38,fill:`#fff`,stroke:`#000`,"stroke-width":4}),W(`line`,{x1:e-15,y1:35,x2:e+15,y2:65,stroke:`#000`,"stroke-width":8,"stroke-linecap":`round`}),W(`line`,{x1:e+15,y1:35,x2:e-15,y2:65,stroke:`#000`,"stroke-width":8,"stroke-linecap":`round`})]}function Oo(e,t,n,r,i){let a=n-t,o=r-50,s=Math.hypot(a,o),c=Math.min(s,i),l=s>0?a/s*c:0,u=s>0?o/s*c:0;e.setAttribute(`transform`,`translate(${l},${u})`)}C(`slicc-agent-avatar`,class extends HTMLElement{static observedAttributes=[`type`,`color`,`eyes`,`fill`];#e;#t=e=>this.#p(e);#n=()=>this.#u();#r=null;#i=null;#a=null;#o=null;#s=_o;#c=!1;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[xo]}connectedCallback(){this.#r=window.matchMedia(`(prefers-reduced-motion: reduce)`),this.#r.addEventListener(`change`,this.#n),this.#l(),this.#u()}disconnectedCallback(){this.#d(),this.#r?.removeEventListener(`change`,this.#n),this.#r=null}attributeChangedCallback(){this.isConnected&&(this.#l(),this.#u())}#l(){let e=this.getAttribute(`type`)===`cone`?`cone`:`scoop`,t=yo[e],n=this.getAttribute(`color`)??bo[e],r=this.getAttribute(`eyes`),i=go*To(Math.max(0,Math.min(100,Number.parseFloat(this.getAttribute(`fill`)??`0`)||0)));this.#s=Math.max(2,Math.min(_o,U.r-i-4));let a=(t.eyes.left+t.eyes.width/2)/100,o=(t.eyes.top+t.eyes.height/2)/100,s=e===`cone`?Co(n,So(n,-.38),So(n,.3)):wo(n,So(n,-.32)),c=W(`svg`,{class:`glyph`,viewBox:t.vb,preserveAspectRatio:`xMidYMid meet`,style:`--g:${t.glyph}%`},...s),l=r===`dead`?[...Do(U.cx),...Do(vo.cx)]:r===`none`?[]:[Eo(U.cx,`l`,i),Eo(vo.cx,`r`,i)];this.#o=W(`svg`,{class:`eyes-svg`,viewBox:`0 0 200 100`,width:`100%`,height:`100%`,preserveAspectRatio:`xMidYMid meet`},...l);let u=T(`span`,{class:`eyes`,style:`top:${t.eyes.top}%;left:${t.eyes.left}%;width:${t.eyes.width}%;height:${t.eyes.height}%`});u.append(this.#o);let d=T(`span`,{class:`icon-inner`,style:`--tx:${((.5-t.zoom*a)*100).toFixed(2)}%;--ty:${((.5-t.zoom*o)*100).toFixed(2)}%;--zoom:${t.zoom}`},c,u);this.#e.replaceChildren(T(`span`,{class:`avatar`,"aria-hidden":`true`},d)),this.#i=this.#e.querySelector(`.pupil-l`),this.#a=this.#e.querySelector(`.pupil-r`)}#u(){let e=this.getAttribute(`eyes`)===`open`&&!this.#r?.matches;e&&!this.#c?(this.ownerDocument.addEventListener(`pointermove`,this.#t),this.#c=!0):e||(this.#d(),this.#f())}#d(){this.#c&&=(this.ownerDocument.removeEventListener(`pointermove`,this.#t),!1)}#f(){this.#i?.setAttribute(`transform`,`translate(0,0)`),this.#a?.setAttribute(`transform`,`translate(0,0)`)}#p(e){if(!this.#o||!this.#i||!this.#a)return;let t=this.#o.getBoundingClientRect();if(!t.width||!t.height)return;let n=(e.clientX-t.left)*(200/t.width),r=(e.clientY-t.top)*(100/t.height);Oo(this.#i,U.cx,n,r,this.#s),Oo(this.#a,vo.cx,n,r,this.#s)}});var ko=E(`
|
|
4339
4519
|
:host{display:inline-block;}
|
|
4340
4520
|
.switcher-more{position:relative;}
|
|
4341
4521
|
.morebtn{display:none;font:inherit;font-size:13px;font-weight:600;color:var(--txt-2);background:transparent;border:1px solid var(--line);border-radius:9999px;height:var(--ctl-h,30px);padding:0 11px;cursor:pointer;line-height:1;align-items:center;}
|
|
@@ -4367,14 +4547,14 @@ video {
|
|
|
4367
4547
|
@keyframes scoopReveal{from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:none;}}
|
|
4368
4548
|
@keyframes scoopArc{from{transform:rotate(-90deg);}to{transform:rotate(270deg);}}
|
|
4369
4549
|
@media (prefers-reduced-motion:reduce){.popup-row{animation:none;}.popup-row[data-state="working"] .glyph-arc{animation:none;transform:rotate(-90deg);}}
|
|
4370
|
-
`),
|
|
4371
|
-
.slicc-agent-tabs{display:flex;align-items:center;gap:${
|
|
4550
|
+
`),Ao=[4,5,3,7,1,6,2,0,8],jo=`http://www.w3.org/2000/svg`,G=5,Mo=2*Math.PI*G;function K(e,t,...n){let r=document.createElementNS(jo,e);for(let[e,n]of Object.entries(t))r.setAttribute(e,String(n));return r.append(...n),r}function No(e){return typeof e==`number`&&Number.isFinite(e)?Math.max(0,Math.min(100,e)):0}function Po(e){return e.state??`idle`}function Fo(e){return(90+No(e)*2.7)/360*Mo}function Io(e,t){let n=[];return e===`initializing`?n.push(K(`circle`,{class:`initializing-ring`,cx:7,cy:7,r:G,"stroke-width":1.7})):n.push(K(`circle`,{class:`glyph-base`,cx:7,cy:7,r:G,"stroke-width":1.5})),(e===`working`||e===`idle`)&&n.push(K(`circle`,{class:`glyph-arc`,cx:7,cy:7,r:G,"stroke-width":2,"stroke-dasharray":`${Fo(t).toFixed(3)} ${Mo.toFixed(3)}`,"stroke-dashoffset":0})),e===`working`&&n.push(K(`circle`,{class:`glyph-pin`,cx:7,cy:7,r:1.25})),e===`broken`&&n.push(K(`line`,{class:`broken-x`,x1:4.8,y1:4.8,x2:9.2,y2:9.2,"stroke-width":1.8}),K(`line`,{class:`broken-x`,x1:9.2,y1:4.8,x2:4.8,y2:9.2,"stroke-width":1.8})),K(`svg`,{class:`status-glyph`,viewBox:`0 0 14 14`,width:14,height:14,"aria-hidden":`true`},...n)}function Lo(e){return e.state===`broken`?`broken`:(e.fill??0)>=75?`near-limit`:e.state===`working`?`working`:`idle`}function q(e){return e===`broken`?3:e===`near-limit`?2:+(e===`working`)}function Ro(e){let t=e.reduce((e,t)=>{let n=Lo(t);return q(n)>q(e)?n:e},`idle`),n=t===`near-limit`?`near context limit`:t;return`${e.length} hidden scoop${e.length===1?``:`s`}; worst state ${n}`}function zo(e,t=!1){if(t)return T(`span`,{class:`overflow-grid-cell overflow-grid-cell--plus`,"aria-hidden":`true`},T(`span`,{class:`overflow-plus-bar overflow-plus-bar--horizontal`}),T(`span`,{class:`overflow-plus-bar overflow-plus-bar--vertical`}));let n={class:`overflow-grid-cell`,"aria-hidden":`true`};return e&&(n[`data-dot-state`]=e),T(`span`,n)}function Bo(e){let t=e.map((e,t)=>({order:t,state:Lo(e)})).sort((e,t)=>q(t.state)-q(e.state)||e.order-t.order).slice(0,e.length>9?8:9),n=Array.from({length:Ao.length},()=>zo());return t.forEach((e,t)=>{n[Ao[t]]=zo(e.state)}),e.length>9&&(n[Ao.at(-1)]=zo(void 0,!0)),T(`span`,{class:`overflow-grid`,role:`img`,"aria-label":Ro(e),"data-hidden-count":String(e.length)},...n)}C(`slicc-scoop-overflow`,class extends HTMLElement{static observedAttributes=[`open`];#e;#t=[];#n;#r;#i;#a;#o=e=>{this.open&&!this.contains(e.target)&&this.close()};#s=e=>{!this.open||e.key!==`Escape`||(e.preventDefault(),this.close(),this.#r.focus())};constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[ko]}connectedCallback(){this.#c()}disconnectedCallback(){document.removeEventListener(`click`,this.#o),document.removeEventListener(`keydown`,this.#s)}attributeChangedCallback(e){e===`open`&&this.#n&&this.#u()}get items(){return this.#t}set items(e){this.#t=Array.isArray(e)?e:[],this.isConnected&&this.#l()}get count(){return this.#t.length}get hasOverflow(){return this.#t.length>0}get open(){return this.hasAttribute(`open`)}set open(e){this.toggleAttribute(`open`,e)}show(){this.open||=!0}close(){this.open&&=!1}toggle(){this.open=!this.open}#c(){this.#i=T(`slot`,{name:`more`},Bo(this.#t)),this.#r=T(`button`,{class:`morebtn`,part:`more`,type:`button`,title:`More scoops`,"aria-haspopup":`true`,"aria-expanded":`false`},this.#i),this.#a=T(`div`,{class:`pop`,part:`pop`,role:`menu`}),this.#n=T(`div`,{class:`switcher-more`,part:`wrap`},this.#r,this.#a),this.#r.addEventListener(`click`,e=>{e.stopPropagation(),this.toggle()}),this.#e.replaceChildren(this.#n),this.#l(),this.#u()}#l(){let e=this.#t.length;e>0?this.setAttribute(`count`,String(e)):this.removeAttribute(`count`),this.#n.classList.toggle(`has-overflow`,e>0),this.#r.setAttribute(`aria-haspopup`,`true`);let t=Ro(this.#t);if(this.#r.setAttribute(`aria-label`,`${t}. Show hidden scoops`),this.#i.replaceChildren(Bo(this.#t)),e===0){this.#a.replaceChildren(T(`slot`,{name:`empty`})),this.open&&this.close();return}let n=[];this.#t.forEach((e,t)=>{let r=e.id,i=e.label??e.id,a=Po(e),o=No(e.fill),s=T(`button`,{class:`popup-row`,part:`row`,type:`button`,role:`menuitem`,"aria-label":`${i}: ${a}, ${o}% context fill`,"data-state":a,"data-k":r,style:`--hue:${e.color??`var(--rose)`};--i:${t}`},Io(a,o),T(`span`,{class:`popup-label`},i),T(`span`,{class:`popup-state`},`${a} · ${o}%`));s.addEventListener(`click`,()=>{let e=s.dataset.k??``,t=this.#t.find(t=>t.id===e);this.#d(e,t?.label??e)}),n.push(s)}),this.#a.replaceChildren(...n)}#u(){let e=this.open;this.#n.classList.toggle(`open`,e),this.#r.setAttribute(`aria-expanded`,e?`true`:`false`),document.removeEventListener(`click`,this.#o),document.removeEventListener(`keydown`,this.#s),e&&(document.addEventListener(`click`,this.#o),document.addEventListener(`keydown`,this.#s))}#d(e,t){this.dispatchEvent(new CustomEvent(`slicc-scoop-select`,{detail:{id:e,key:e,label:t},bubbles:!0,composed:!0})),this.close()}});var J=`slicc-agent-tabs`,Vo=`${J}-style`,Ho=`http://www.w3.org/2000/svg`,Y=5,Uo=2*Math.PI*Y,Wo=26,Go=8,Ko=6,qo=39,Jo=`sliccy`,Yo=14,Xo=5,Zo=16,Qo=4,$o=65,es={cone:`var(--waffle)`,researcher:`var(--cyan)`,designer:`var(--violet)`,tester:`var(--amber)`,triage:`var(--green)`},ts=`
|
|
4551
|
+
.slicc-agent-tabs{display:flex;align-items:center;gap:${Go}px;min-width:0;overflow:visible;color:var(--ink);font-family:var(--ui);}
|
|
4372
4552
|
.slicc-agent-tabs *{box-sizing:border-box;}
|
|
4373
|
-
.slicc-agent-tabs__focus-avatar{display:block;flex:0 0 ${
|
|
4553
|
+
.slicc-agent-tabs__focus-avatar{display:block;flex:0 0 ${Wo}px;width:${Wo}px;height:${Wo}px;pointer-events:none;}
|
|
4374
4554
|
.slicc-agent-tabs__track-frame{position:relative;flex:0 1 auto;min-width:0;height:var(--ctl-h,30px);overflow:visible;border:1px solid var(--line);border-radius:9px;background:var(--ghost);}
|
|
4375
4555
|
.slicc-agent-tabs__track{display:flex;align-items:center;min-width:0;height:100%;padding:2px;overflow:hidden;}
|
|
4376
4556
|
.slicc-agent-tabs.has-overflow .slicc-agent-tabs__track{padding-right:41px;}
|
|
4377
|
-
.slicc-agent-tabs__segment{position:relative;display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;gap:${
|
|
4557
|
+
.slicc-agent-tabs__segment{position:relative;display:inline-flex;flex:0 1 auto;align-items:center;justify-content:center;gap:${Xo}px;width:max-content;min-width:var(--slicc-agent-tabs-segment-floor,${$o}px);max-width:160px;height:24px;padding:0 8px;overflow:hidden;color:var(--txt-2);font:500 11px/1 var(--ui);white-space:nowrap;border:0;border-radius:6px;background:transparent;cursor:pointer;}
|
|
4378
4558
|
.slicc-agent-tabs__segment:hover{color:var(--ink);}
|
|
4379
4559
|
.slicc-agent-tabs__segment[aria-selected='true']{color:var(--ink);background:var(--canvas);box-shadow:0 1px 3px color-mix(in srgb,var(--ink) 12%,transparent);}
|
|
4380
4560
|
.slicc-agent-tabs__segment.hide{display:none;}
|
|
@@ -4402,7 +4582,7 @@ video {
|
|
|
4402
4582
|
.slicc-agent-tabs slicc-scoop-overflow::part(pop){right:0;left:auto;}
|
|
4403
4583
|
@keyframes slicc-agent-tabs-arc{from{transform:rotate(-90deg);}to{transform:rotate(270deg);}}
|
|
4404
4584
|
@media (prefers-reduced-motion:reduce){.slicc-agent-tabs__glyph-arc{animation:none;transform:rotate(-90deg);}.slicc-agent-tabs__glyph-glow{transition:none;}}
|
|
4405
|
-
`;function
|
|
4585
|
+
`;function ns(e){if(e.getElementById(Vo))return;let t=e.createElement(`style`);t.id=Vo,t.textContent=ts,(e.head??e.documentElement).append(t)}function X(e,t,...n){let r=document.createElementNS(Ho,e);for(let[e,n]of Object.entries(t))r.setAttribute(e,String(n));return r.append(...n),r}function Z(e){return typeof e==`number`&&Number.isFinite(e)?Math.max(0,Math.min(100,e)):0}function rs(e){let t=e.ownerDocument.createElement(`canvas`).getContext(`2d`),n=e.ownerDocument.defaultView?.getComputedStyle(e);return!t||!n?$o:(t.font=n.font,Math.ceil(t.measureText(Jo).width+Yo+Xo+Zo)+Qo)}function is(e){return(90+Z(e)*2.7)/360*Uo}function as(e,t){return e.state?e.state:e.eyes===`dead`?`broken`:t===e.key?`working`:`idle`}function os(e){return e.type===`cone`||e.key===`cone`?`cone`:`scoop`}function ss(e){return e.eyes??`open`}function cs(e){return es[e.key]??e.color??`var(--rose)`}function ls(e){let t=[X(`circle`,{class:`${J}__glyph-glow`,cx:7,cy:7,r:Y,"stroke-width":1.5}),X(`circle`,{class:`${J}__glyph-base`,cx:7,cy:7,r:Y,"stroke-width":1.5}),X(`circle`,{class:`${J}__glyph-arc`,cx:7,cy:7,r:Y,"stroke-width":2,"stroke-dasharray":`${is(Z(e.fill)).toFixed(3)} ${Uo.toFixed(3)}`,"stroke-dashoffset":0}),X(`circle`,{class:`${J}__glyph-pin`,cx:7,cy:7,r:1.25}),X(`line`,{class:`${J}__broken-x`,x1:4.8,y1:4.8,x2:9.2,y2:9.2,"stroke-width":1.8}),X(`line`,{class:`${J}__broken-x`,x1:9.2,y1:4.8,x2:4.8,y2:9.2,"stroke-width":1.8}),X(`circle`,{class:`${J}__initializing-ring`,cx:7,cy:7,r:Y,"stroke-width":1.7})];return X(`svg`,{class:`${J}__status-glyph`,viewBox:`0 0 14 14`,width:14,height:14,"aria-hidden":`true`},...t)}C(`slicc-agent-tabs`,class extends HTMLElement{static observedAttributes=[`active`,`attention`];#e=[];#t=null;#n=null;#r=null;#i=null;#a=null;#o=!1;#s=null;#c=!1;#l=null;#u=e=>this.#C(e);#d=e=>this.#w(e);connectedCallback(){ns(this.ownerDocument),this.classList.add(J),this.setAttribute(`part`,`row`),this.#c||=!0,this.addEventListener(`click`,this.#u),this.addEventListener(`keydown`,this.#d),this.#p(),this.#D(),requestAnimationFrame(()=>this.reflow())}disconnectedCallback(){this.#a?.disconnect(),this.#a=null,this.#s!==null&&cancelAnimationFrame(this.#s),this.#s=null,this.removeEventListener(`click`,this.#u),this.removeEventListener(`keydown`,this.#d)}attributeChangedCallback(){!this.#c||!this.isConnected||(this.#p(),this.reflow())}get scoops(){return this.#e.map(e=>({...e}))}set scoops(e){let t=new Map;if(Array.isArray(e))for(let n of e)t.has(n.key)||t.set(n.key,{...n});this.#e=[...t.values()],this.#c&&this.isConnected&&(this.#p(),this.reflow())}get attention(){return this.getAttribute(`attention`)}set attention(e){e==null?this.removeAttribute(`attention`):this.setAttribute(`attention`,e)}get active(){return this.getAttribute(`active`)}set active(e){e==null?this.removeAttribute(`active`):this.setAttribute(`active`,e)}select(e){this.active=e;let t=this.#e.find(t=>t.key===e)?.label??e;this.dispatchEvent(new CustomEvent(`slicc-scoop-select`,{detail:{id:e,key:e,label:t},bubbles:!0,composed:!0}))}reflow(){if(!(!this.isConnected||this.#o)){this.#o=!0;try{this.#f()}finally{this.#o=!1}}}#f(){let e=[...this.querySelectorAll(`.${J}__segment`)];for(let t of e)t.classList.remove(`hide`);if(this.classList.remove(`has-overflow`),e.length===0){this.#S([]);return}this.#l===null&&(this.#l=rs(e[0]),this.style.setProperty(`--slicc-agent-tabs-segment-floor`,`${this.#l}px`));let t=this.clientWidth;if(t<=0){this.#S([]),requestAnimationFrame(()=>{this.isConnected&&this.clientWidth>0&&this.reflow()});return}let n=Math.max(0,t-Wo-Go-Ko),r=e.map(e=>e.offsetWidth),i=r.reduce((e,t)=>e+t,0),a=e.length>1&&i>n+1;this.classList.toggle(`has-overflow`,a);let o=a?e.map(e=>e.offsetWidth):r,s=Math.max(0,n-(a?qo:0));if(!a){this.#S([]);return}let c=[],l=0;e.forEach((e,t)=>{t===0||c.length===0&&l+o[t]<=s?l+=o[t]:(e.classList.add(`hide`),c.push(e))}),this.#S(c)}#p(){let e=this.#T(),t=this.#e.find(e=>e.key===this.active)??this.#e.at(0)??null;this.#m(),this.#_(t),this.#b(t?.key??null),e!=null&&!this.#e.some(t=>t.key===e)&&this.#E(t?.key??null)?.focus()}#m(){if(this.#n&&this.#r&&this.#i&&this.contains(this.#r))return;this.#n=T(`div`,{class:`${J}__track`,part:`track`,role:`tablist`,"aria-label":`Agents`});let e=this.ownerDocument.createElement(`slicc-scoop-overflow`);e.setAttribute(`part`,`overflow`),e.addEventListener(`slicc-scoop-select`,e=>{let t=e.detail?.id;typeof t==`string`&&(e.stopPropagation(),this.select(t))}),this.#i=e,this.#r=T(`div`,{class:`${J}__track-frame`,part:`track-frame`},this.#n,e),this.replaceChildren(this.#r)}#h(e){let t=T(`slicc-agent-avatar`,{class:`${J}__focus-avatar`,part:`avatar`,role:`img`});return this.#g(t,e),t}#g(e,t){let n=as(t,this.attention);this.#x(e,`type`,os(t)),this.#x(e,`color`,t.color??null),this.#x(e,`eyes`,ss(t)),this.#x(e,`fill`,String(Math.round(Z(t.fill)))),this.#x(e,`blink`,n===`working`),this.#x(e,`aria-label`,`${t.label??t.key} focused agent`),e.style.setProperty(`--slicc-agent-tabs-hue`,cs(t))}#_(e){if(!e){this.#t?.remove(),this.#t=null;return}let t=this.#t??this.#h(e);this.#t=t,this.#g(t,e),(t.parentElement!==this||t.nextElementSibling!==this.#r)&&this.insertBefore(t,this.#r)}#v(e,t){let n=T(`button`,{part:`segment`,type:`button`,role:`tab`},ls(e),T(`span`,{class:`${J}__label`},e.label??e.key));return this.#y(n,e,t),n}#y(e,t,n){let r=as(t,this.attention),i=Z(t.fill),a=this.attention===t.key;e.className=`${J}__segment${t.ephemeral?` ephemeral`:``}`,e.setAttribute(`aria-selected`,String(t.key===n)),e.tabIndex=t.key===n?0:-1,e.setAttribute(`aria-label`,`${t.label??t.key}: ${r}, ${Math.round(i)}% context fill${a?`, spoke most recently`:``}`),e.dataset.k=t.key,e.dataset.state=r,this.#x(e,`data-attention`,a?`true`:null),e.style.setProperty(`--slicc-agent-tabs-hue`,cs(t));let o=e.querySelector(`.${J}__label`);o&&(o.textContent=t.label??t.key),e.querySelector(`.${J}__glyph-arc`)?.setAttribute(`stroke-dasharray`,`${is(i).toFixed(3)} ${Uo.toFixed(3)}`)}#b(e){if(!this.#n)return;let t=new Map;for(let e of this.#n.querySelectorAll(`:scope > .${J}__segment`)){let n=e.dataset.k??``;t.has(n)?e.remove():t.set(n,e)}let n=this.#e.map(n=>{let r=t.get(n.key)??this.#v(n,e);return t.delete(n.key),this.#y(r,n,e),r});for(let e of t.values())e.remove();n.forEach((e,t)=>{let n=this.#n?.children.item(t)??null;n!==e&&this.#n?.insertBefore(e,n)})}#x(e,t,n){n===null||n===!1?e.hasAttribute(t)&&e.removeAttribute(t):n===!0?e.hasAttribute(t)||e.setAttribute(t,``):e.getAttribute(t)!==n&&e.setAttribute(t,n)}#S(e){if(!this.#i)return;let t=e.map(e=>{let t=e.dataset.k??``,n=this.#e.find(e=>e.key===t)??{key:t};return{id:t,label:n.label??t,type:os(n),color:n.color,eyes:ss(n),state:as(n,this.attention),fill:Z(n.fill)}});this.#i.items=t}#C(e){let t=e.target?.closest(`.${J}__segment`);t&&this.contains(t)&&t.dataset.k&&this.select(t.dataset.k)}#w(e){let t=e.target?.closest(`.${J}__segment`);if(!t||!this.contains(t))return;if(e.key===`Enter`||e.key===` `){if(!t.dataset.k)return;e.preventDefault(),this.select(t.dataset.k);return}let n=[...this.querySelectorAll(`.${J}__segment:not(.hide)`)].filter(e=>!e.disabled),r=n.indexOf(t);if(r<0||n.length===0)return;let i;if(e.key===`ArrowLeft`)i=n[(r-1+n.length)%n.length];else if(e.key===`ArrowRight`)i=n[(r+1)%n.length];else if(e.key===`Home`)i=n[0];else if(e.key===`End`)i=n.at(-1);else return;e.preventDefault(),i?.focus()}#T(){let e=this.ownerDocument.activeElement;return!(e instanceof Element)||!this.contains(e)?null:e.closest(`.${J}__segment`)?.dataset.k??null}#E(e){return e==null?null:[...this.querySelectorAll(`.${J}__segment`)].find(t=>t.dataset.k===e)??null}#D(){this.#a||typeof ResizeObserver>`u`||(this.#a=new ResizeObserver(()=>{this.#s===null&&(this.#s=requestAnimationFrame(()=>{this.#s=null,this.reflow()}))}),this.#a.observe(this),this.parentElement&&this.#a.observe(this.parentElement))}});var us=`/**
|
|
4406
4586
|
* SLICC design tokens — lifted verbatim from the prototype
|
|
4407
4587
|
* (proto/StellarRubySwift.html :root + body.dark). Light is the default; dark is
|
|
4408
4588
|
* opt-in. Per project decision the prototype's token vocabulary and light-default
|
|
@@ -4448,7 +4628,7 @@ video {
|
|
|
4448
4628
|
--ui: "adobe-clean", "Inter", system-ui, sans-serif;
|
|
4449
4629
|
--mono: "Source Code Pro", "JetBrains Mono", ui-monospace, monospace;
|
|
4450
4630
|
--shadow-pane: rgba(10, 10, 10, 0.06) 0 8px 26px -10px;
|
|
4451
|
-
--barh:
|
|
4631
|
+
--barh: 36px;
|
|
4452
4632
|
--ctl-h: 30px;
|
|
4453
4633
|
}
|
|
4454
4634
|
|
|
@@ -4466,7 +4646,7 @@ video {
|
|
|
4466
4646
|
--shaderbg: #171410;
|
|
4467
4647
|
--shadow-pane: rgba(0, 0, 0, 0.35) 0 8px 26px -10px;
|
|
4468
4648
|
}
|
|
4469
|
-
`,
|
|
4649
|
+
`,ds=`slicc-tokens`;function fs(e=document){if(e.getElementById(ds))return;let t=e.createElement(`style`);t.id=ds,t.textContent=us,(e.head??e.documentElement).appendChild(t)}function ps(e,t=document.body){t.classList.toggle(`dark`,e===`dark`),t.setAttribute(`data-theme`,e)}function ms(e=document.body){if(typeof window>`u`||typeof window.matchMedia!=`function`)return()=>{};let t=window.matchMedia(`(prefers-color-scheme: dark)`),n=()=>ps(t.matches?`dark`:`light`,e);return n(),t.addEventListener(`change`,n),()=>t.removeEventListener(`change`,n)}var hs=E(`
|
|
4470
4650
|
:host { display: inline-flex; flex: 0 0 auto; }
|
|
4471
4651
|
.themetgl {
|
|
4472
4652
|
font: inherit; font-family: var(--ui); font-size: 14px; line-height: 1;
|
|
@@ -4478,7 +4658,177 @@ video {
|
|
|
4478
4658
|
}
|
|
4479
4659
|
.themetgl:hover { background: color-mix(in srgb, var(--ink) 8%, var(--ghost)); }
|
|
4480
4660
|
.themetgl svg { display: block; }
|
|
4481
|
-
`),
|
|
4661
|
+
`),gs=16,_s={light:`moon`,dark:`sun`},vs={light:`Switch to dark mode`,dark:`Switch to light mode`};C(`slicc-theme-toggle`,class extends HTMLElement{static observedAttributes=[`theme`];#e;#t=null;#n=!1;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[hs];let e=T(`button`,{class:`themetgl`,part:`button`,type:`button`,"aria-pressed":`false`},T(`slot`,{name:`glyph-light`},n(_s.light,{size:gs})),T(`slot`,{name:`glyph-dark`,hidden:!0},n(_s.dark,{size:gs})));this.#e.replaceChildren(e),this.#t=e}connectedCallback(){this.#t?.addEventListener(`click`,this.#i),this.#a(this.theme??`light`,{silent:!0})}disconnectedCallback(){this.#t?.removeEventListener(`click`,this.#i)}attributeChangedCallback(e,t,n){e!==`theme`||t===n||this.#n||this.isConnected&&this.#a(this.#r(n)??`light`,{silent:!0})}get theme(){return this.#r(this.getAttribute(`theme`))}set theme(e){this.#a(e===`dark`?`dark`:`light`,{silent:!0})}get pressed(){return this.theme===`dark`}#r(e){return e===`dark`?`dark`:e===`light`?`light`:null}#i=()=>{this.#a(this.theme===`dark`?`light`:`dark`)};#a(e,t={}){this.#n=!0;try{if(ps(e),this.getAttribute(`theme`)!==e&&this.setAttribute(`theme`,e),this.#t){this.#t.setAttribute(`aria-pressed`,e===`dark`?`true`:`false`),this.#t.title=vs[e];let t=this.#e.querySelector(`slot[name="glyph-light"]`),n=this.#e.querySelector(`slot[name="glyph-dark"]`);t?.toggleAttribute(`hidden`,e===`dark`),n?.toggleAttribute(`hidden`,e===`light`)}for(let t of document.querySelectorAll(`slicc-add-menu`))t.setAttribute(`theme`,e)}finally{this.#n=!1}t.silent||this.dispatchEvent(new CustomEvent(`slicc-theme-change`,{detail:{theme:e},bubbles:!0,composed:!0}))}}),C(`slicc-theme`,class extends HTMLElement{static observedAttributes=[`theme`];connectedCallback(){fs(this.ownerDocument),this.classList.add(`slicc-theme`),this.#e()}attributeChangedCallback(e,t,n){e===`theme`&&t!==n&&this.isConnected&&this.#e()}get theme(){return this.getAttribute(`theme`)===`dark`?`dark`:`light`}set theme(e){this.setAttribute(`theme`,e===`dark`?`dark`:`light`)}#e(){let e=this.theme;ps(e,this),this.dispatchEvent(new CustomEvent(`slicc-theme-change`,{detail:{theme:e},bubbles:!0,composed:!0}))}});var ys=`
|
|
4662
|
+
slicc-dock-tree {
|
|
4663
|
+
display: block;
|
|
4664
|
+
/* Fill the parent shell's flex column. Without this the host collapses to
|
|
4665
|
+
0 height, and the .dock-tree__root's height:100% resolves against 0 —
|
|
4666
|
+
leaving every zone/leaf zero-height. */
|
|
4667
|
+
flex: 1 1 0;
|
|
4668
|
+
position: relative;
|
|
4669
|
+
min-width: 0;
|
|
4670
|
+
min-height: 0;
|
|
4671
|
+
box-sizing: border-box;
|
|
4672
|
+
}
|
|
4673
|
+
slicc-dock-tree[hidden] {
|
|
4674
|
+
display: none;
|
|
4675
|
+
}
|
|
4676
|
+
slicc-dock-tree .dock-tree__root {
|
|
4677
|
+
display: flex;
|
|
4678
|
+
flex-direction: column;
|
|
4679
|
+
gap: 6px;
|
|
4680
|
+
width: 100%;
|
|
4681
|
+
height: 100%;
|
|
4682
|
+
min-width: 0;
|
|
4683
|
+
min-height: 0;
|
|
4684
|
+
box-sizing: border-box;
|
|
4685
|
+
}
|
|
4686
|
+
slicc-dock-tree .dock-tree__row {
|
|
4687
|
+
display: flex;
|
|
4688
|
+
flex-direction: row;
|
|
4689
|
+
gap: 6px;
|
|
4690
|
+
min-width: 0;
|
|
4691
|
+
min-height: 0;
|
|
4692
|
+
box-sizing: border-box;
|
|
4693
|
+
}
|
|
4694
|
+
slicc-dock-tree .dock-tree__zone {
|
|
4695
|
+
position: relative;
|
|
4696
|
+
display: flex;
|
|
4697
|
+
flex-direction: column;
|
|
4698
|
+
min-width: 0;
|
|
4699
|
+
min-height: 0;
|
|
4700
|
+
box-sizing: border-box;
|
|
4701
|
+
}
|
|
4702
|
+
slicc-dock-tree .dock-tree__empty {
|
|
4703
|
+
flex: 1 1 0;
|
|
4704
|
+
display: flex;
|
|
4705
|
+
align-items: center;
|
|
4706
|
+
justify-content: center;
|
|
4707
|
+
min-height: 44px;
|
|
4708
|
+
min-width: 0;
|
|
4709
|
+
border: 2px dashed var(--line, #b7c6cf);
|
|
4710
|
+
border-radius: 10px;
|
|
4711
|
+
color: var(--muted, #8899aa);
|
|
4712
|
+
font-size: 12px;
|
|
4713
|
+
box-sizing: border-box;
|
|
4714
|
+
}
|
|
4715
|
+
slicc-dock-tree .dock-tree__split {
|
|
4716
|
+
display: flex;
|
|
4717
|
+
min-width: 0;
|
|
4718
|
+
min-height: 0;
|
|
4719
|
+
gap: 6px;
|
|
4720
|
+
box-sizing: border-box;
|
|
4721
|
+
}
|
|
4722
|
+
slicc-dock-tree .dock-tree__split--row {
|
|
4723
|
+
flex-direction: row;
|
|
4724
|
+
}
|
|
4725
|
+
slicc-dock-tree .dock-tree__split--col {
|
|
4726
|
+
flex-direction: column;
|
|
4727
|
+
}
|
|
4728
|
+
slicc-dock-tree .dock-tree__leaf {
|
|
4729
|
+
position: relative;
|
|
4730
|
+
display: flex;
|
|
4731
|
+
min-width: 0;
|
|
4732
|
+
min-height: 0;
|
|
4733
|
+
flex: 1 1 0;
|
|
4734
|
+
box-sizing: border-box;
|
|
4735
|
+
}
|
|
4736
|
+
slicc-dock-tree .dock-tree__divider {
|
|
4737
|
+
position: relative;
|
|
4738
|
+
flex: 0 0 6px;
|
|
4739
|
+
}
|
|
4740
|
+
slicc-dock-tree .dock-tree__divider--h {
|
|
4741
|
+
cursor: col-resize;
|
|
4742
|
+
}
|
|
4743
|
+
slicc-dock-tree .dock-tree__divider--v {
|
|
4744
|
+
cursor: row-resize;
|
|
4745
|
+
}
|
|
4746
|
+
slicc-dock-tree .dock-tree__parking {
|
|
4747
|
+
display: none;
|
|
4748
|
+
}
|
|
4749
|
+
slicc-dock-tree .dock-tree__zone--droppable {
|
|
4750
|
+
outline: 1px dashed rgba(99, 102, 241, 0.25);
|
|
4751
|
+
outline-offset: -1px;
|
|
4752
|
+
}
|
|
4753
|
+
slicc-dock-tree .dock-tree__zone--hot {
|
|
4754
|
+
outline: 2px dashed rgba(99, 102, 241, 0.4);
|
|
4755
|
+
outline-offset: 2px;
|
|
4756
|
+
}
|
|
4757
|
+
slicc-dock-tree .dock-tree__tile {
|
|
4758
|
+
position: relative;
|
|
4759
|
+
display: flex;
|
|
4760
|
+
flex-direction: column;
|
|
4761
|
+
flex: 1 1 auto;
|
|
4762
|
+
min-width: 0;
|
|
4763
|
+
min-height: 0;
|
|
4764
|
+
box-sizing: border-box;
|
|
4765
|
+
}
|
|
4766
|
+
slicc-dock-tree .dock-tree__tile-move {
|
|
4767
|
+
position: absolute;
|
|
4768
|
+
top: 4px;
|
|
4769
|
+
left: 4px;
|
|
4770
|
+
z-index: 1;
|
|
4771
|
+
width: 22px;
|
|
4772
|
+
height: 22px;
|
|
4773
|
+
display: grid;
|
|
4774
|
+
place-items: center;
|
|
4775
|
+
border: none;
|
|
4776
|
+
background: var(--panel2, #217399);
|
|
4777
|
+
color: var(--ink, #eaf2f6);
|
|
4778
|
+
border-radius: 5px;
|
|
4779
|
+
cursor: grab;
|
|
4780
|
+
padding: 0;
|
|
4781
|
+
opacity: 0;
|
|
4782
|
+
pointer-events: none;
|
|
4783
|
+
transition: opacity 0.1s ease;
|
|
4784
|
+
}
|
|
4785
|
+
slicc-dock-tree .dock-tree__tile:hover .dock-tree__tile-move {
|
|
4786
|
+
opacity: 1;
|
|
4787
|
+
pointer-events: auto;
|
|
4788
|
+
}
|
|
4789
|
+
slicc-dock-tree .dock-tree__tile-move:active {
|
|
4790
|
+
cursor: grabbing;
|
|
4791
|
+
}
|
|
4792
|
+
slicc-dock-tree .dock-tree__tile-move svg {
|
|
4793
|
+
display: block;
|
|
4794
|
+
}
|
|
4795
|
+
slicc-dock-tree .dock-tree__tile-body {
|
|
4796
|
+
position: relative;
|
|
4797
|
+
flex: 1 1 auto;
|
|
4798
|
+
display: flex;
|
|
4799
|
+
min-width: 0;
|
|
4800
|
+
min-height: 0;
|
|
4801
|
+
box-sizing: border-box;
|
|
4802
|
+
}
|
|
4803
|
+
slicc-dock-tree .dock-tree__ghost {
|
|
4804
|
+
position: fixed;
|
|
4805
|
+
z-index: 9999;
|
|
4806
|
+
display: none;
|
|
4807
|
+
pointer-events: none;
|
|
4808
|
+
padding: 6px 10px;
|
|
4809
|
+
border-radius: 8px;
|
|
4810
|
+
background: var(--accent, #6366f1);
|
|
4811
|
+
color: #fff;
|
|
4812
|
+
font: 600 12px/1.2 system-ui, sans-serif;
|
|
4813
|
+
transform: translate(-50%, -50%);
|
|
4814
|
+
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
|
|
4815
|
+
}
|
|
4816
|
+
slicc-dock-tree .dock-tree__ghost--active {
|
|
4817
|
+
display: block;
|
|
4818
|
+
}
|
|
4819
|
+
slicc-dock-tree .dock-tree__preview {
|
|
4820
|
+
position: fixed;
|
|
4821
|
+
z-index: 9998;
|
|
4822
|
+
display: none;
|
|
4823
|
+
pointer-events: none;
|
|
4824
|
+
border-radius: 8px;
|
|
4825
|
+
background: rgba(99, 102, 241, 0.28);
|
|
4826
|
+
outline: 2px solid var(--accent, #6366f1);
|
|
4827
|
+
}
|
|
4828
|
+
slicc-dock-tree .dock-tree__preview--active {
|
|
4829
|
+
display: block;
|
|
4830
|
+
}
|
|
4831
|
+
`,bs=`slicc-dock-tree-style`;function xs(e){if(e.getElementById(bs))return;let t=e.createElement(`style`);t.id=bs,t.textContent=ys,(e.head??e.documentElement).appendChild(t)}var Ss=`slicc-surface`,Cs=`chat`,ws=`sprinkle:`;function Ts(e){return e===`chat`?`Chat`:e.startsWith(ws)?e.slice(9):e}var Es=[`top`,`left`,`middle`,`right`,`bottom`],Q=[`left`,`middle`,`right`],Ds=[`top`,`center`,`bottom`],Os=.02;function ks(){return{zones:{top:null,left:null,middle:null,right:null,bottom:null},rowFr:{top:1,center:1,bottom:1},colFr:{left:1,middle:1,right:1}}}function As(e){return JSON.parse(JSON.stringify(e))}function js(e,t){if(e.type===`leaf`){t.push(e.surfaceId);return}for(let n of e.children)js(n,t)}function Ms(e,t){if(e.type===`leaf`)return e.surfaceId===t?e:null;for(let n of e.children){let e=Ms(n,t);if(e)return e}return null}function Ns(e,t,n){if(n)return!0;function r(e,n){let i=n||e.locked===!0;if(e===t)return i;if(e.type!==`split`)return null;for(let t of e.children){let e=r(t,i);if(e!=null)return e}return null}return r(e,!1)??!1}function Ps(e){return e.locked===!0||e.type===`split`&&e.children.some(Ps)}function Fs(e){return e.getAttribute(`surface-id`)||e.getAttribute(`data-s`)||e.id||null}function Is(e){e.style.position=`relative`,e.style.inset=`auto`,e.style.display=`flex`,e.style.flex=`1 1 auto`,e.style.minWidth=`0`,e.style.minHeight=`0`}function Ls(e){e.style.removeProperty(`position`),e.style.removeProperty(`inset`),e.style.removeProperty(`flex`),e.style.removeProperty(`min-width`),e.style.removeProperty(`min-height`),e.style.display=`none`}function Rs(e,t){return{type:`split`,dir:e,children:t,sizes:t.map(()=>1)}}function zs(e,t,n){e.type===`split`&&e.children.forEach((r,i)=>{r===t?n(e,i):zs(r,t,n)})}function Bs(e,t){if(e.type!==`split`)return null;for(let n=0;n<e.children.length;n++){let r=e.children[n];if(r===t)return{parent:e,index:n};let i=Bs(r,t);if(i)return i}return null}function Vs(e){if(!e)return null;if(e.type!==`split`)return e;e.children=e.children.map(Vs).filter(e=>e!=null);let t=[],n=[];return e.children.forEach((r,i)=>{r.type===`split`&&r.dir===e.dir?r.children.forEach((a,o)=>{t.push(a),n.push((e.sizes[i]||1)*(r.sizes[o]||1))}):(t.push(r),n.push(e.sizes[i]||1))}),e.children=t,e.sizes=n,e.children.length===0?null:e.children.length===1?e.children[0]:e}function Hs(e,t,n){let r=e[t];if(r){if(r===n){e[t]=null;return}zs(r,n,(e,t)=>{e.children.splice(t,1),e.sizes.splice(t,1)}),e[t]=Vs(r)}}function Us(e,t,n,r){if(e[t]===n){e[t]=r;return}let i=e[t];i&&zs(i,n,(e,t)=>{e.children[t]=r})}function Ws(e,t,n){let r=t.reduce((e,t)=>e+t,0)-e;if(r<=0)return null;let i=Math.min(1-Os,Math.max(Os,n));return i*r/(1-i)}function Gs(e,t,n){let r=(t-e.left)/e.width,i=(n-e.top)/e.height;if(r>.34&&r<.66&&i>.34&&i<.66)return`center`;let a={n:i,s:1-i,w:r,e:1-r},o=Object.entries(a);return o.sort((e,t)=>e[1]-t[1]),o[0][0]}function Ks(e){let t=document.createElement(`div`);return t.className=`dock-tree__divider dock-tree__divider--${e}`,t}function qs(){let e=document.createElement(`div`);return e.className=`dock-tree__root`,e}function Js(){let e=document.createElement(`div`);return e.className=`dock-tree__parking`,e.hidden=!0,e}function Ys(){let e=document.createElement(`div`);return e.className=`dock-tree__ghost`,e}function Xs(){let e=document.createElement(`div`);return e.className=`dock-tree__preview`,e}C(`slicc-dock-tree`,class extends HTMLElement{#e=ks();#t=!1;#n=!1;#r=new Set;#i=null;#a=null;#o=new WeakMap;#s=qs();#c=Js();#l=Ys();#u=Xs();#d=new MutationObserver(()=>this.#b());connectedCallback(){xs(this.ownerDocument),this.#n=!0,this.#s.parentElement!==this&&this.append(this.#s),this.#c.parentElement!==this&&this.append(this.#c),this.#l.parentElement!==this&&this.append(this.#l),this.#u.parentElement!==this&&this.append(this.#u),this.#b(),this.#d.observe(this,{childList:!0})}disconnectedCallback(){this.#n=!1,this.#d.disconnect(),this.#I()}setTree(e){this.#e=e?As(e):ks(),this.#n&&this.#b()}getTree(){return As(this.#e)}setPinned(e){this.#r=new Set(e)}getSurfaceIds(){let e=[];for(let t of Es){let n=this.#e.zones[t];n&&js(n,e)}return e}#f(e){return this.#e.zones[e]!=null||this.#t}#p(e,t){let n=this.#e.zones[t];return n?Ns(n,e,this.#e.locked===!0):!1}#m(e){if(this.#e.locked===!0)return!0;let t=this.#e.zones[e];return t!=null&&Ps(t)}#h(e){return this.#e.locked===!0?!0:e===`center`?Q.some(e=>this.#m(e)):this.#m(e)}placeSurface(e,t){if(this.getSurfaceIds().includes(e))return;let n={type:`leaf`,surfaceId:e},r=this.#e.zones[t];this.#e.zones[t]=r==null?n:Vs(Rs(`col`,[r,n])),this.#n&&this.#b(),this.#L()}removeSurface(e){if(!this.#r.has(e))for(let t of Es){let n=this.#e.zones[t];if(!n)continue;let r=Ms(n,e);if(r){if(this.#p(r,t))return;Hs(this.#e.zones,t,r),this.#n&&this.#b(),this.#L();return}}}moveSurfaceToZone(e,t){let n=!1;for(let r of Es){let i=this.#e.zones[r];if(!i)continue;let a=Ms(i,e);if(a){if(n=!0,this.#p(a,r)||r===t&&i===a)return;Hs(this.#e.zones,r,a);break}}if(!n){this.placeSurface(e,t);return}let r={type:`leaf`,surfaceId:e};this.#e.zones[t]=r,this.#n&&this.#b(),this.#L()}setSurfaceSize(e,t){let n=this.#g(e);if(!n)return!1;let r=(this.#R().get(e)??null)?.getBoundingClientRect()??null,i=!1;return n.width&&(t.widthPx!=null||t.widthPercent!=null)&&(i=this.#y(n.width,t.widthPx,t.widthPercent,r?.width)||i),n.height&&(t.heightPx!=null||t.heightPercent!=null)&&(i=this.#y(n.height,t.heightPx,t.heightPercent,r?.height)||i),i&&(this.#b(),this.#O()),i}#g(e){for(let t of Es){let n=this.#e.zones[t];if(!n)continue;let r=Ms(n,e);if(!r)continue;if(this.#p(r,t))return{width:null,height:null};let i=Bs(n,r);if(i){let{parent:e,index:t}=i,n={currentFr:e.sizes[t]??1,groupFr:e.sizes,apply:n=>{e.sizes[t]=n}};return{width:e.dir===`row`?n:null,height:e.dir===`col`?n:null}}let a=t===`left`||t===`middle`||t===`right`,o=null;if(a){let e=t,n=this.#v();o={currentFr:this.#e.colFr[e],groupFr:n.map(e=>this.#e.colFr[e]),apply:t=>{this.#e.colFr[e]=t}}}let s=a?`center`:t,c=this.#_(),l={currentFr:this.#e.rowFr[s],groupFr:c.map(e=>this.#e.rowFr[e]),apply:e=>{this.#e.rowFr[s]=e}};return{width:o,height:l}}return null}#_(){let e=[];return this.#f(`top`)&&e.push(`top`),Q.some(e=>this.#f(e))&&e.push(`center`),this.#f(`bottom`)&&e.push(`bottom`),e}#v(){return Q.filter(e=>this.#f(e))}#y(e,t,n,r){let i=null;if(n!=null)i=n/100;else if(t!=null&&r!=null&&r>0&&e.currentFr>0){let n=r*e.groupFr.reduce((e,t)=>e+t,0)/e.currentFr;n>0&&(i=t/n)}if(i==null)return!1;let a=Ws(e.currentFr,e.groupFr,i);return a==null?!1:(e.apply(a),!0)}#b(){let e=this.#e,t=this.#R(),n=new Set(this.getSurfaceIds()),r=this.#x(e,t),i=[];if(this.#f(`top`)){let n=this.#S(`top`,t);n.style.flex=`${e.rowFr.top} 1 0`,i.push({key:`top`,el:n})}if(r&&i.push({key:`center`,el:r}),this.#f(`bottom`)){let n=this.#S(`bottom`,t);n.style.flex=`${e.rowFr.bottom} 1 0`,i.push({key:`bottom`,el:n})}let a=[];i.forEach((t,n)=>{a.push(t.el),n<i.length-1&&!this.#h(t.key)&&!this.#h(i[n+1].key)&&a.push(this.#T(`v`,t.key,i[n+1].key,this.#s,e.rowFr,Ds))}),this.#s.replaceChildren(...a);for(let[e,r]of t)n.has(e)||(Ls(r),r.parentElement!==this.#c&&this.#c.appendChild(r))}#x(e,t){let n=Q.filter(e=>this.#f(e));if(n.length===0)return null;let r=document.createElement(`div`);return r.className=`dock-tree__row`,r.style.flex=`${e.rowFr.center} 1 0`,n.forEach((i,a)=>{let o=this.#S(i,t);o.style.flex=`${e.colFr[i]} 1 0`,r.appendChild(o),a<n.length-1&&!this.#m(i)&&!this.#m(n[a+1])&&r.appendChild(this.#T(`h`,i,n[a+1],r,e.colFr,Q))}),r}#S(e,t){let n=document.createElement(`div`);n.className=`dock-tree__zone`,this.#t&&n.classList.add(`dock-tree__zone--droppable`),n.dataset.zone=e;let r=this.#e.zones[e];if(r==null){let t=document.createElement(`div`);return t.className=`dock-tree__empty`,t.textContent=`${e} (drop here)`,n.appendChild(t),n}let i=this.#C(r,t,e);return i.style.flex=`1 1 0`,n.appendChild(i),n}#C(e,t,n){if(e.type===`leaf`){let r=document.createElement(`div`);r.className=`dock-tree__leaf`;let i=t.get(e.surfaceId);return i&&r.appendChild(this.#w(e,n,e.surfaceId,i)),r}let r=document.createElement(`div`);r.className=`dock-tree__split dock-tree__split--${e.dir}`;let i=this.#e.locked===!0||e.locked===!0;return e.children.forEach((a,o)=>{let s=this.#C(a,t,n);s.style.flex=`${e.sizes[o]??1} 1 0`,r.appendChild(s),o<e.children.length-1&&!i&&r.appendChild(this.#E(e,o,r))}),r}#w(e,t,r,i){let a=document.createElement(`div`);if(a.className=`dock-tree__tile`,!this.#p(e,t)){let i=Ts(r),o=document.createElement(`button`);o.type=`button`,o.className=`dock-tree__tile-move`,o.setAttribute(`aria-label`,`Move ${i}`),o.title=i,o.appendChild(n(`grip-vertical`,{size:13})),o.addEventListener(`pointerdown`,n=>this.#k(n,e,t)),a.appendChild(o)}let o=document.createElement(`div`);return o.className=`dock-tree__tile-body`,Is(i),o.appendChild(i),a.appendChild(o),this.#o.set(a,e),a}#T(e,t,n,r,i,a){let o=Ks(e);return this.#D(o,e===`h`,r,()=>i[t]??1,()=>i[n]??1,(e,r)=>{i[t]=e,i[n]=r},()=>a.reduce((e,t)=>e+(i[t]??1),0)),o}#E(e,t,n){let r=e.dir===`row`,i=Ks(r?`h`:`v`);return this.#D(i,r,n,()=>e.sizes[t]??1,()=>e.sizes[t+1]??1,(n,r)=>{e.sizes[t]=n,e.sizes[t+1]=r},()=>e.sizes.reduce((e,t)=>e+(t??1),0)),i}#D(e,t,n,r,i,a,o){e.addEventListener(`pointerdown`,e=>{e.preventDefault(),this.setPointerCapture(e.pointerId);let s=n.getBoundingClientRect(),c=r()+i(),l=c*Os,u=o(),d=t?s.width:s.height,f=t?e.clientX:e.clientY,p=r(),m=e=>{let n=t?e.clientX:e.clientY,r=d>0?(n-f)/d*u:0,i=Math.max(l,Math.min(c-l,p+r));a(i,c-i),this.#b()},h=()=>{window.removeEventListener(`pointermove`,m),window.removeEventListener(`pointerup`,h),window.removeEventListener(`pointercancel`,h),this.hasPointerCapture(e.pointerId)&&this.releasePointerCapture(e.pointerId),this.#O()};window.addEventListener(`pointermove`,m),window.addEventListener(`pointerup`,h),window.addEventListener(`pointercancel`,h)})}#O(){this.dispatchEvent(new CustomEvent(`dock-tree-resize`,{detail:{tree:this.getTree()},bubbles:!0,composed:!0}))}#k(e,t,n){this.#p(t,n)||(e.preventDefault(),this.#A({kind:`internal`,node:t,fromZone:n},t.type===`leaf`?t.surfaceId:`panel`),this.#j(e))}beginExternalDrag(e,t){this.#A({kind:`external`,surfaceId:e},e)}#A(e,t){this.#i=e,this.#a=null,this.#t=!0,this.#b(),this.#l.textContent=t,this.#l.classList.add(`dock-tree__ghost--active`),window.addEventListener(`pointermove`,this.#M),window.addEventListener(`pointerup`,this.#F)}#j(e){this.#l.style.left=`${e.clientX}px`,this.#l.style.top=`${e.clientY}px`}#M=e=>{this.#j(e),this.#a=null,this.#u.classList.remove(`dock-tree__preview--active`);for(let e of Array.from(this.querySelectorAll(`.dock-tree__zone--hot`)))e.classList.remove(`dock-tree__zone--hot`);let t=this.#i;if(!t)return;let n=document.elementFromPoint(e.clientX,e.clientY);if(!n)return;let r=n.closest(`.dock-tree__zone`);if(!(r instanceof HTMLElement))return;let i=r.dataset.zone;if(!i)return;r.classList.add(`dock-tree__zone--hot`);let a=n.closest(`.dock-tree__tile`),o=a instanceof HTMLElement?this.#o.get(a):void 0,s=t.kind===`internal`&&o===t.node,c=!!o&&this.#p(o,i);if(a instanceof HTMLElement&&o&&!s&&!c){let t=a.getBoundingClientRect(),n=Gs(t,e.clientX,e.clientY);this.#a={zone:i,leaf:o,region:n},this.#N(t,n)}else a||(this.#a={zone:i,empty:!0},this.#P(r.getBoundingClientRect()))};#N(e,t){let{left:n,top:r,width:i,height:a}=e;t===`n`?a=e.height/2:t===`s`?(r=e.top+e.height/2,a=e.height/2):t===`w`?i=e.width/2:t===`e`&&(n=e.left+e.width/2,i=e.width/2),this.#P(new DOMRect(n,r,i,a))}#P(e){this.#u.style.left=`${e.left}px`,this.#u.style.top=`${e.top}px`,this.#u.style.width=`${e.width}px`,this.#u.style.height=`${e.height}px`,this.#u.classList.add(`dock-tree__preview--active`)}#F=()=>{window.removeEventListener(`pointermove`,this.#M),window.removeEventListener(`pointerup`,this.#F),this.#l.classList.remove(`dock-tree__ghost--active`),this.#u.classList.remove(`dock-tree__preview--active`);for(let e of Array.from(this.querySelectorAll(`.dock-tree__zone--hot`)))e.classList.remove(`dock-tree__zone--hot`);let e=this.#a,t=this.#i;this.#a=null,this.#i=null,this.#t=!1;let n=!!t&&t.kind===`internal`&&!!e&&!e.empty&&e.leaf===t.node,r=!!t&&t.kind===`external`&&this.getSurfaceIds().includes(t.surfaceId);if(!t||!e||n||r){this.#b();return}let i;if(t.kind===`internal`?(Hs(this.#e.zones,t.fromZone,t.node),i=t.node):i={type:`leaf`,surfaceId:t.surfaceId},e.empty||this.#e.zones[e.zone]==null)this.#e.zones[e.zone]=i;else{let{region:t,leaf:n}=e,r=Rs(t===`e`||t===`w`?`row`:`col`,t===`n`||t===`w`?[i,n]:[n,i]);Us(this.#e.zones,e.zone,n,r),this.#e.zones[e.zone]=Vs(this.#e.zones[e.zone])}this.#b(),this.#L()};#I(){this.#i&&(window.removeEventListener(`pointermove`,this.#M),window.removeEventListener(`pointerup`,this.#F),this.#i=null,this.#a=null,this.#t=!1,this.#l.classList.remove(`dock-tree__ghost--active`),this.#u.classList.remove(`dock-tree__preview--active`))}#L(){this.dispatchEvent(new CustomEvent(`dock-tree-change`,{detail:{tree:this.getTree()},bubbles:!0,composed:!0}))}#R(){let e=new Map;for(let t of Array.from(this.querySelectorAll(Ss))){if(!(t instanceof HTMLElement)||t.parentElement?.closest(Ss))continue;let n=Fs(t);n&&e.set(n,t)}return e}});function Zs(e){switch(e.slice(e.lastIndexOf(`.`)).toLowerCase()){case`.png`:case`.jpg`:case`.jpeg`:case`.gif`:case`.webp`:case`.svg`:return`image`;case`.mp3`:case`.wav`:case`.ogg`:case`.m4a`:case`.flac`:return`music`;case`.mp4`:case`.webm`:case`.mov`:case`.avi`:return`film`;case`.json`:return`braces`;case`.md`:return`file-text`;case`.html`:case`.htm`:return`globe`;case`.css`:return`palette`;case`.ts`:case`.js`:case`.tsx`:case`.jsx`:case`.mjs`:case`.cjs`:return`file-code`;case`.zip`:case`.tar`:case`.gz`:case`.bz2`:return`file-archive`;case`.pdf`:return`file-text`;default:return`file`}}function Qs(e){return e<1024?e+` B`:e<1024*1024?(e/1024).toFixed(1)+`K`:e<1024*1024*1024?(e/(1024*1024)).toFixed(1)+`M`:(e/(1024*1024*1024)).toFixed(1)+`G`}var $s=`
|
|
4482
4832
|
slicc-file-tree {
|
|
4483
4833
|
width: 190px;
|
|
4484
4834
|
flex: 0 0 auto;
|
|
@@ -4626,7 +4976,7 @@ slicc-file-tree .actions button:active {
|
|
|
4626
4976
|
[data-theme="dark"] slicc-file-tree .dir.on {
|
|
4627
4977
|
background: color-mix(in srgb, var(--violet) 22%, var(--canvas));
|
|
4628
4978
|
}
|
|
4629
|
-
`,
|
|
4979
|
+
`,ec=`slicc-file-tree-style`;function tc(e){if(e.getElementById(ec))return;let t=e.createElement(`style`);t.id=ec,t.textContent=$s,(e.head??e.documentElement).appendChild(t)}function nc(e,t){let r=[];for(let i of e)if(i.kind===`group`)r.push(T(`div`,{class:`grp`},i.label));else if(i.kind===`dir`){let e=t.has(i.id);r.push(T(`div`,{class:e?`dir open`:`dir`,"data-dir-id":i.id,"aria-expanded":e?`true`:`false`,tabindex:`0`},n(`chevron-right`,{size:14,class:`chev`}),i.label));let a=T(`div`,{class:`children`,hidden:!e||void 0});w(a,nc(i.children??[],t)),r.push(a)}else{let e=T(`div`,{class:`actions`},T(`button`,{"data-action":`preview`,type:`button`},n(`eye`,{size:14})),T(`button`,{"data-action":`reference`,type:`button`},n(`at-sign`,{size:14})),T(`button`,{"data-action":`download`,type:`button`},n(`arrow-down-to-line`,{size:14})),T(`button`,{"data-action":`overflow`,type:`button`},n(`ellipsis`,{size:14}))),t=T(`div`,{class:`f`,"data-id":i.id,tabindex:`0`},n(Zs(i.label),{size:12,class:`ficon`}),i.label,e);i.size!=null&&t.appendChild(T(`span`,{class:`sz`},Qs(i.size))),r.push(t)}return r}var rc=class extends HTMLElement{static get observedAttributes(){return[`selected`]}#e=null;#t=new Map;#n=new Set;#r=!1;#i=null;#a=null;#o=null;connectedCallback(){tc(this.ownerDocument),this.#r||=(this.#e??(this.#e=this.#l(),this.#f()),!0),this.#u(),this.#h(),this.#g()}disconnectedCallback(){this.#i&&=(this.removeEventListener(`click`,this.#i),null),this.#a&&=(this.removeEventListener(`keydown`,this.#a),null),this.#o!=null&&(clearTimeout(this.#o),this.#o=null)}attributeChangedCallback(e){e===`selected`&&this.#r&&this.isConnected&&this.#c()}get items(){return this.#e?this.#e.slice():[]}set items(e){let t=!this.#r;this.#e=Array.isArray(e)?e.slice():[],this.#r=!0,t&&this.#f(),this.isConnected&&(this.#u(),this.#h())}toggleDir(e){if(!this.#p(e,this.#e??[]))return;let t=!this.#n.has(e);t?this.#n.add(e):this.#n.delete(e),this.#u(),this.dispatchEvent(new CustomEvent(`dir-toggle`,{bubbles:!0,composed:!0,detail:{id:e,open:t}}))}isDirOpen(e){return this.#n.has(e)}get selected(){return this.getAttribute(`selected`)}set selected(e){e==null?this.removeAttribute(`selected`):this.setAttribute(`selected`,e)}selectFile(e){let t=this.querySelector(`.f[data-id="${$(e)}"]`);if(!t)return;this.#s(e,t);let n=this.#t.get(e)??e;this.dispatchEvent(new CustomEvent(`file-select`,{bubbles:!0,composed:!0,detail:{id:e,path:n}}))}#s(e,t){this.getAttribute(`selected`)!==e&&this.setAttribute(`selected`,e),this.#c(),t.focus()}#c(){let e=this.getAttribute(`selected`);for(let t of this.querySelectorAll(`.f, .dir`))t.classList.toggle(`on`,(t.dataset.id??t.dataset.dirId)===e)}#l(){let e=[];for(let t of Array.from(this.children)){if(!(t instanceof HTMLElement))continue;let n=(t.textContent??``).trim();if(n)if(t.classList.contains(`grp`)||t.hasAttribute(`data-group`)||t.dataset.group!=null)e.push({kind:`group`,label:n});else{let r=t.dataset.id??t.id??n;e.push({kind:`file`,id:r,label:n})}}return e}#u(){let e=this.contains(document.activeElement),t=this.#e??[];this.#t.clear(),this.#d(t),this.replaceChildren(...nc(t,this.#n)),this.#c();let n=this.getAttribute(`selected`);e&&n!=null&&this.querySelector(`.f[data-id="${$(n)}"], .dir[data-dir-id="${$(n)}"]`)?.focus()}#d(e){for(let t of e)t.kind===`file`?this.#t.set(t.id,t.path??t.label):t.kind===`dir`&&(this.#t.set(t.id,t.path??t.id),this.#d(t.children??[]))}#f(){this.#n.clear();let e=t=>{for(let n of t)n.kind===`dir`&&(n.open&&this.#n.add(n.id),e(n.children??[]))};e(this.#e??[])}#p(e,t){for(let n of t)if(n.kind===`dir`&&(n.id===e||this.#p(e,n.children??[])))return!0;return!1}#m(e){let t=e.dataset.action,n=e.closest(`.f`);if(!n)return!1;let r=n.dataset.id;if(r==null)return!1;let i=this.#t.get(r)??r;return t===`preview`?this.dispatchEvent(new CustomEvent(`file-preview`,{bubbles:!0,composed:!0,detail:{id:r,path:i}})):t===`reference`?this.dispatchEvent(new CustomEvent(`file-reference`,{bubbles:!0,composed:!0,detail:{id:r,path:i}})):t===`download`?this.dispatchEvent(new CustomEvent(`file-download`,{bubbles:!0,composed:!0,detail:{id:r,path:i}})):t===`overflow`&&this.dispatchEvent(new CustomEvent(`file-overflow`,{bubbles:!0,composed:!0,detail:{id:r,path:i,anchor:e}})),!0}#h(){this.#i||(this.#i=e=>{let t=e.target,n=t?.closest(`[data-action]`);if(n&&this.contains(n)&&this.#m(n))return;let r=t?.closest(`.dir`);if(r&&this.contains(r)){let e=r.dataset.dirId;e!=null&&(this.#s(e,r),this.toggleDir(e));return}let i=t?.closest(`.f`);if(!i||!this.contains(i))return;let a=i.dataset.id;a!=null&&this.selectFile(a)},this.addEventListener(`click`,this.#i))}#g(){this.#a||(this.#a=e=>{if(e.key!==`c`||!(e.ctrlKey||e.metaKey))return;let t=this.getAttribute(`selected`);if(t==null)return;let n=this.querySelector(`.f[data-id="${$(t)}"], .dir[data-dir-id="${$(t)}"]`);if(!n)return;e.preventDefault();let r=this.#t.get(t)??t;navigator.clipboard?.writeText(r).then(()=>{this.#o!=null&&clearTimeout(this.#o),n.classList.add(`ft-copy-flash`),this.#o=setTimeout(()=>{n.classList.remove(`ft-copy-flash`),this.#o=null},300)}).catch(()=>void 0)},this.addEventListener(`keydown`,this.#a))}};function $(e){return e.replace(/\\/g,`\\\\`).replace(/"/g,`\\"`)}C(`slicc-file-tree`,rc);var ic=`
|
|
4630
4980
|
slicc-surface {
|
|
4631
4981
|
position: absolute;
|
|
4632
4982
|
inset: 0;
|
|
@@ -4658,7 +5008,7 @@ slicc-surface:fullscreen {
|
|
|
4658
5008
|
background: var(--canvas, #fff);
|
|
4659
5009
|
position: fixed;
|
|
4660
5010
|
}
|
|
4661
|
-
`,
|
|
5011
|
+
`,ac=`slicc-surface-style`;function oc(e){if(e.getElementById(ac))return;let t=e.createElement(`style`);t.id=ac,t.textContent=ic,(e.head??e.documentElement).appendChild(t)}function sc(e){return e===`block`||e===`column`?e:`flex`}C(`slicc-surface`,class extends HTMLElement{static observedAttributes=[`surface-id`,`active`,`layout`];connectedCallback(){oc(this.ownerDocument),this.#e()}attributeChangedCallback(e,t,n){this.isConnected&&(e===`surface-id`?this.#e():e===`active`&&t!==n&&this.dispatchEvent(new CustomEvent(`surface-toggle`,{bubbles:!0,composed:!0,detail:{surfaceId:this.surfaceId,active:this.active,layout:this.layout}})))}get surfaceId(){return this.getAttribute(`surface-id`)}set surfaceId(e){e==null?this.removeAttribute(`surface-id`):this.setAttribute(`surface-id`,e)}get active(){return this.hasAttribute(`active`)}set active(e){this.toggleAttribute(`active`,e)}get layout(){return sc(this.getAttribute(`layout`))}set layout(e){this.setAttribute(`layout`,sc(e))}#e(){let e=this.surfaceId;e==null?delete this.dataset.s:this.dataset.s=e}});var cc=E(`
|
|
4662
5012
|
:host{display:inline-flex;white-space:nowrap;}
|
|
4663
5013
|
.tab{display:inline-flex;align-items:center;gap:7px;font-family:var(--ui);font-size:12px;color:var(--txt-2);background:transparent;border:1px solid transparent;border-radius:8px;padding:6px 10px;cursor:pointer;white-space:nowrap;}
|
|
4664
5014
|
.tab:hover{background:var(--ghost);color:var(--ink);}
|
|
@@ -4674,7 +5024,7 @@ slicc-surface:fullscreen {
|
|
|
4674
5024
|
.x{margin-left:3px;width:15px;height:15px;border-radius:4px;display:grid;place-items:center;color:var(--txt-3);}
|
|
4675
5025
|
.x:hover{background:var(--line);color:var(--ink);}
|
|
4676
5026
|
.sg svg,.x svg{display:block;}
|
|
4677
|
-
`),
|
|
5027
|
+
`),lc=13;C(`slicc-tab`,class extends HTMLElement{static observedAttributes=[`tab-id`,`kind`,`active`,`closable`,`badge`,`glyph`,`label`,`theme`];#e;#t=null;constructor(){super(),this.#e=this.attachShadow({mode:`open`}),this.#e.adoptedStyleSheets=[cc]}connectedCallback(){this.#n(),this.#r()}disconnectedCallback(){this.#i()}attributeChangedCallback(){this.isConnected&&this.#n()}get tabId(){return this.getAttribute(`tab-id`)}set tabId(e){e==null?this.removeAttribute(`tab-id`):this.setAttribute(`tab-id`,e)}get kind(){return this.getAttribute(`kind`)===`sprinkle`?`sprinkle`:`tool`}set kind(e){this.setAttribute(`kind`,e===`sprinkle`?`sprinkle`:`tool`)}get active(){return this.hasAttribute(`active`)}set active(e){this.toggleAttribute(`active`,e)}get closable(){return this.hasAttribute(`closable`)}set closable(e){this.toggleAttribute(`closable`,e)}get badge(){return this.getAttribute(`badge`)}set badge(e){e==null?this.removeAttribute(`badge`):this.setAttribute(`badge`,e)}get glyph(){return this.getAttribute(`glyph`)}set glyph(e){e==null?this.removeAttribute(`glyph`):this.setAttribute(`glyph`,e)}get label(){return this.getAttribute(`label`)}set label(e){e==null?this.removeAttribute(`label`):this.setAttribute(`label`,e)}#n(){let e=this.kind===`sprinkle`,t=T(`button`,{class:`tab${e?` sp`:``}${this.active?` on`:``}`,part:`tab`,type:`button`});if(this.tabId!=null&&t.setAttribute(`data-t`,this.tabId),e){let e=this.badge??`sparkles`;t.append(T(`span`,{class:`sg`,part:`badge`,"aria-hidden":`true`},n(e,{size:lc})))}else this.glyph!=null&&t.append(T(`span`,{class:`gl`,part:`glyph`,"aria-hidden":`true`},this.glyph));let r=this.label;t.append(r==null?T(`slot`):document.createTextNode(r)),this.closable&&t.append(T(`span`,{class:`x`,part:`close`,"data-close":``,role:`button`,"aria-label":`Close tab`},n(`x`,{size:lc}))),this.#e.replaceChildren(t)}#r(){this.#t||(this.#t=e=>this.#a(e),this.#e.addEventListener(`click`,this.#t))}#i(){this.#t&&=(this.#e.removeEventListener(`click`,this.#t),null)}#a(e){let t=e.target,n={tabId:this.tabId};if(t?.closest(`[data-close]`)){e.stopPropagation(),this.dispatchEvent(new CustomEvent(`close`,{detail:n,bubbles:!0,composed:!0}));return}this.dispatchEvent(new CustomEvent(`select`,{detail:n,bubbles:!0,composed:!0}))}});var uc=`
|
|
4678
5028
|
slicc-tab-bar {
|
|
4679
5029
|
display: flex;
|
|
4680
5030
|
align-items: center;
|
|
@@ -4686,7 +5036,7 @@ slicc-tab-bar {
|
|
|
4686
5036
|
slicc-tab-bar[hidden] {
|
|
4687
5037
|
display: none;
|
|
4688
5038
|
}
|
|
4689
|
-
`,
|
|
5039
|
+
`,dc=`slicc-tab-bar-style`;function fc(e){if(e.getElementById(dc))return;let t=e.createElement(`style`);t.id=dc,t.textContent=uc,(e.head??e.documentElement).appendChild(t)}function pc(e){return e===`sprinkle`?`sprinkle`:`tool`}C(`slicc-tab-bar`,class extends HTMLElement{static observedAttributes=[`active`];#e=[];#t=!1;#n=null;#r=null;#i=null;connectedCallback(){fc(this.ownerDocument),this.#c(),this.#p()}disconnectedCallback(){this.#l(),this.#t=!1}attributeChangedCallback(e){e===`active`&&this.isConnected&&this.#o()}get active(){return this.getAttribute(`active`)}set active(e){e==null?this.removeAttribute(`active`):this.setAttribute(`active`,e)}get tabs(){return this.#e.map(e=>({...e}))}set tabs(e){this.#e=(e??[]).map(e=>({...e})),this.active!=null&&!this.#e.some(e=>e.id===this.active)&&this.#a(this.#e[0]?.id??null),this.#t=!1,this.isConnected&&this.#p()}addTab(e){let t={...e,kind:pc(e.kind)},n=this.#e.findIndex(e=>e.id===t.id);return n>=0?this.#e[n]=t:this.#e.push(t),this.#t=!1,this.isConnected&&this.#p(),this.selectTab(t.id),t}removeTab(e){let t=this.#e.findIndex(t=>t.id===e);if(t<0)return;let n=this.active===e;if(this.#e.splice(t,1),this.#t=!1,this.isConnected&&this.#p(),this.dispatchEvent(new CustomEvent(`tab-close`,{detail:{id:e},bubbles:!0,composed:!0})),n){let e=this.#e[0]?.id??null;e==null?this.#a(null):this.selectTab(e)}}selectTab(e){this.#e.some(t=>t.id===e)&&this.active!==e&&(this.#a(e),this.dispatchEvent(new CustomEvent(`tab-select`,{detail:{id:e},bubbles:!0,composed:!0})))}#a(e){e==null?this.removeAttribute(`active`):this.setAttribute(`active`,e),this.#o()}#o(){let e=this.active;for(let t of this.querySelectorAll(`:scope > slicc-tab`)){let n=t.getAttribute(`tab-id`);t.toggleAttribute(`active`,n!=null&&n===e)}}#s(e){if(!(e instanceof Element))return null;let t=e.closest(`slicc-tab`);return!t||t.parentElement!==this?null:t.getAttribute(`tab-id`)}#c(){this.#r||(this.#r=e=>this.#u(e),this.#i=e=>this.#d(e),this.addEventListener(`select`,this.#r),this.addEventListener(`close`,this.#i),this.#n=e=>this.#f(e),this.addEventListener(`click`,this.#n))}#l(){this.#r&&this.removeEventListener(`select`,this.#r),this.#i&&this.removeEventListener(`close`,this.#i),this.#n&&this.removeEventListener(`click`,this.#n),this.#r=null,this.#i=null,this.#n=null}#u(e){if(e.target===this)return;let t=this.#s(e.target);t!=null&&(e.stopPropagation(),this.selectTab(t))}#d(e){if(e.target===this)return;let t=this.#s(e.target);t!=null&&(e.stopPropagation(),this.removeTab(t))}#f(e){let t=e.target;if(!(t instanceof Element))return;let n=t.closest(`slicc-tab`);if(!n||n.parentElement!==this)return;let r=n.getAttribute(`tab-id`);if(r==null)return;let i=t.closest(`.x, [data-close]`);if(i&&n.contains(i)){e.stopPropagation(),this.removeTab(r);return}this.selectTab(r)}#p(){if(this.#t)return;this.#t=!0;let e=this.active,t=[];for(let n of this.#e){let r=pc(n.kind);r!==`tool`&&t.push(T(`slicc-tab`,{"tab-id":n.id,kind:r,label:n.label,part:`tab`,closable:n.closable?!0:void 0,badge:n.badge||void 0,glyph:n.glyph||void 0,active:e!=null&&e===n.id||void 0}))}this.replaceChildren(...t)}});var mc=`/**
|
|
4690
5040
|
* Copyright (c) 2014 The xterm.js authors. All rights reserved.
|
|
4691
5041
|
* Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
|
|
4692
5042
|
* https://github.com/chjj/term.js
|
|
@@ -4971,7 +5321,7 @@ slicc-tab-bar[hidden] {
|
|
|
4971
5321
|
.xterm .xterm-scrollable-element > .shadow.top.left {
|
|
4972
5322
|
box-shadow: var(--vscode-scrollbar-shadow, #000) 6px 0 6px -6px inset;
|
|
4973
5323
|
}
|
|
4974
|
-
`,
|
|
5324
|
+
`,hc={background:`#0c0c0e`,foreground:`#e7e7ea`,cursor:`#e7e7ea`,cursorAccent:`#0c0c0e`,selectionBackground:`#8b5cf64d`,selectionForeground:`#ffffff`,black:`#0c0c0e`,red:`#f43f5e`,green:`#5bd17b`,yellow:`#f59e0b`,blue:`#3b82f6`,magenta:`#8b5cf6`,cyan:`#06b6d4`,white:`#e7e7ea`,brightBlack:`#8a8a93`,brightRed:`#fb7185`,brightGreen:`#86efac`,brightYellow:`#fbbf24`,brightBlue:`#60a5fa`,brightMagenta:`#a78bfa`,brightCyan:`#22d3ee`,brightWhite:`#ffffff`},gc=`
|
|
4975
5325
|
:host {
|
|
4976
5326
|
display: flex;
|
|
4977
5327
|
flex-direction: column;
|
|
@@ -5012,28 +5362,7 @@ slicc-tab-bar[hidden] {
|
|
|
5012
5362
|
/* xterm.js wants its container to size the canvas; let it fill. */
|
|
5013
5363
|
.host .xterm { height: 100%; }
|
|
5014
5364
|
.host .xterm-viewport { overflow-y: auto; }
|
|
5015
|
-
`,
|
|
5016
|
-
slicc-workbench-body {
|
|
5017
|
-
flex: 1;
|
|
5018
|
-
min-height: 0;
|
|
5019
|
-
position: relative;
|
|
5020
|
-
display: block;
|
|
5021
|
-
}
|
|
5022
|
-
slicc-workbench-body[hidden] {
|
|
5023
|
-
display: none;
|
|
5024
|
-
}
|
|
5025
|
-
/* Surface stack: each child fills the body; only the active one shows. The
|
|
5026
|
-
sibling <slicc-surface> carries its own [active] display rule, but these
|
|
5027
|
-
fallbacks keep the show-one behavior correct before it is registered. */
|
|
5028
|
-
slicc-workbench-body > * {
|
|
5029
|
-
position: absolute;
|
|
5030
|
-
inset: 0;
|
|
5031
|
-
display: none;
|
|
5032
|
-
}
|
|
5033
|
-
slicc-workbench-body > .slicc-wbbody__active {
|
|
5034
|
-
display: flex;
|
|
5035
|
-
}
|
|
5036
|
-
`,ls=`slicc-workbench-body-style`,us=`slicc-wbbody__active`,ds=`slicc-surface`;function fs(e){if(e.getElementById(ls))return;let t=e.createElement(`style`);t.id=ls,t.textContent=cs,(e.head??e.documentElement).appendChild(t)}b(`slicc-workbench-body`,class extends HTMLElement{static observedAttributes=[`active`];#e=!1;#t=new MutationObserver(()=>this.#i());connectedCallback(){fs(this.ownerDocument),this.#e=!0,this.#i(),this.#t.observe(this,{childList:!0})}disconnectedCallback(){this.#e=!1,this.#t.disconnect()}attributeChangedCallback(e,t,n){t!==n&&e===`active`&&this.#e&&this.#i()}get active(){return this.getAttribute(`active`)}set active(e){e==null?this.removeAttribute(`active`):this.setAttribute(`active`,e)}get activeSurface(){let e=this.active;return e==null?null:this.#n().find(t=>this.#r(t)===e)??null}get surfaces(){return this.#n()}selectSurface(e){let t=this.active;e!==t&&(this.setAttribute(`active`,e),this.#e||this.#i(),this.dispatchEvent(new CustomEvent(`slicc-surface-change`,{bubbles:!0,composed:!0,detail:{id:e,previous:t}})))}#n(){let e=[];for(let t of Array.from(this.children))t instanceof HTMLElement&&t.localName===ds&&e.push(t);return e}#r(e){return e.getAttribute(`surface-id`)||e.getAttribute(`data-s`)||e.id}#i(){let e=this.active;for(let t of this.#n()){let n=e!=null&&this.#r(t)===e;t.classList.toggle(us,n),t.toggleAttribute(`active`,n)}}});var ps=`
|
|
5365
|
+
`,_c=null;function vc(){return _c||=[E(mc),E(gc)],_c}var yc=class extends HTMLElement{static observedAttributes=[`label`,`hide-header`];#e;#t=null;#n=null;#r=null;#i=null;#a=[];#o=!1;constructor(){super(),this.#e=this.attachShadow({mode:`open`})}connectedCallback(){this.#o=!1,this.#s(),this.#c()}disconnectedCallback(){this.#l()}attributeChangedCallback(e){if(this.isConnected&&e===`label`){let e=this.#e.querySelector(`.title`);e&&(e.textContent=this.label)}}get label(){return this.getAttribute(`label`)??`Terminal`}set label(e){e==null?this.removeAttribute(`label`):this.setAttribute(`label`,e)}get hideHeader(){return this.hasAttribute(`hide-header`)}set hideHeader(e){this.toggleAttribute(`hide-header`,e)}get terminal(){return this.#n}write(e){this.#n?this.#n.write(e):this.#a.push(e)}writeln(e){this.#n?this.#n.writeln(e):this.#a.push(`${e}\r\n`)}clear(){this.#n?this.#n.clear():this.#a.length=0}focus(){this.#n?.focus()}fit(){this.#r?.fit()}#s(){if(this.#t)return;this.#e.adoptedStyleSheets=vc();let e=T(`div`,{class:`hd`,part:`header`},n(`terminal`,{size:14}),T(`span`,{class:`title`},this.label),T(`span`,{class:`spacer`})),t=T(`div`,{class:`host`,part:`host`});this.#e.replaceChildren(e,t),this.#t=t}async#c(){if(this.#n||this.#o)return;let[{Terminal:e},{FitAddon:n}]=await Promise.all([t(()=>import(`./xterm-U4TA8lIC.js`),[]),t(()=>import(`./addon-fit-DIOBYJe3.js`),[])]);if(this.#o||!this.#t)return;let r=new e({cursorBlink:!bc(),fontSize:12,lineHeight:1.25,fontFamily:`'IBM Plex Mono', 'Source Code Pro', 'JetBrains Mono', ui-monospace, monospace`,theme:hc,convertEol:!0,scrollback:2e3}),i=new n;if(r.loadAddon(i),r.open(this.#t),r.onData(e=>{this.dispatchEvent(new CustomEvent(`terminal-data`,{detail:e,bubbles:!0,composed:!0}))}),this.#n=r,this.#r=i,i.fit(),this.#a.length){for(let e of this.#a)r.write(e);this.#a.length=0}typeof ResizeObserver==`function`&&(this.#i=new ResizeObserver(()=>this.#r?.fit()),this.#i.observe(this.#t))}#l(){this.#o=!0,this.#i?.disconnect(),this.#i=null,this.#n?.dispose(),this.#n=null,this.#r=null,this.#a.length=0}};function bc(){return typeof matchMedia==`function`&&matchMedia(`(prefers-reduced-motion: reduce)`).matches}C(`slicc-terminal`,yc);var xc=`
|
|
5037
5366
|
slicc-workbench-header {
|
|
5038
5367
|
flex: 0 0 auto;
|
|
5039
5368
|
display: flex;
|
|
@@ -5060,46 +5389,7 @@ slicc-workbench-header > slicc-collapse-btn {
|
|
|
5060
5389
|
slicc-workbench-header > slicc-tab-bar {
|
|
5061
5390
|
min-width: 0;
|
|
5062
5391
|
}
|
|
5063
|
-
`,
|
|
5064
|
-
slicc-workbench-pane {
|
|
5065
|
-
display: flex;
|
|
5066
|
-
flex-direction: column;
|
|
5067
|
-
flex: 0 0 auto;
|
|
5068
|
-
box-sizing: border-box;
|
|
5069
|
-
min-height: 0;
|
|
5070
|
-
width: 0;
|
|
5071
|
-
margin: 0;
|
|
5072
|
-
opacity: 0;
|
|
5073
|
-
overflow: hidden;
|
|
5074
|
-
font-family: var(--ui);
|
|
5075
|
-
transition:
|
|
5076
|
-
width 0.38s cubic-bezier(0.4, 0, 0.2, 1),
|
|
5077
|
-
margin 0.38s cubic-bezier(0.4, 0, 0.2, 1),
|
|
5078
|
-
opacity 0.28s ease;
|
|
5079
|
-
}
|
|
5080
|
-
slicc-workbench-pane[open] {
|
|
5081
|
-
width: calc(66% - 72px);
|
|
5082
|
-
margin: 12px;
|
|
5083
|
-
opacity: 1;
|
|
5084
|
-
}
|
|
5085
|
-
slicc-workbench-pane[hidden] {
|
|
5086
|
-
display: none;
|
|
5087
|
-
}
|
|
5088
|
-
/* The composed pane chrome fills the collapsing host and carries the scroll. */
|
|
5089
|
-
slicc-workbench-pane > slicc-pane {
|
|
5090
|
-
flex: 1 1 auto;
|
|
5091
|
-
min-height: 0;
|
|
5092
|
-
}
|
|
5093
|
-
/* The pane's body region is a plain block by default; inside the workbench it
|
|
5094
|
-
must be a flex column so a flex-sized child (\`slicc-workbench-body\`'s
|
|
5095
|
-
\`flex: 1\`) actually receives the remaining height — its surfaces are
|
|
5096
|
-
absolutely positioned and contribute no auto height of their own. */
|
|
5097
|
-
slicc-workbench-pane slicc-pane .slicc-pane__body {
|
|
5098
|
-
display: flex;
|
|
5099
|
-
flex-direction: column;
|
|
5100
|
-
min-height: 0;
|
|
5101
|
-
}
|
|
5102
|
-
`,_s=`slicc-workbench-pane-style`;function vs(e){if(e.getElementById(_s))return;let t=e.createElement(`style`);t.id=_s,t.textContent=gs,(e.head??e.documentElement).appendChild(t)}b(`slicc-workbench-pane`,class extends HTMLElement{static observedAttributes=[`open`];#e;#t=!1;connectedCallback(){vs(this.ownerDocument),this.#n()}attributeChangedCallback(e,t,n){e===`open`&&t!==n&&this.isConnected&&this.dispatchEvent(new CustomEvent(`slicc-workbench-pane-toggle`,{bubbles:!0,composed:!0,detail:{open:n!==null}}))}get open(){return this.hasAttribute(`open`)}set open(e){e?this.setAttribute(`open`,``):this.removeAttribute(`open`)}get pane(){return this.#n(),this.#e}#n(){if(this.#t)return;this.#t=!0;let e=this.querySelector(`:scope > slicc-pane`);if(e instanceof HTMLElement){this.#e=e;return}let t=Array.from(this.childNodes);this.#e=this.ownerDocument.createElement(`slicc-pane`),this.#e.setAttribute(`elevated`,``),this.#e.setAttribute(`part`,`pane`);for(let e of t)this.#e.appendChild(e);this.appendChild(this.#e)}});var ys=`slicc_monitor_collapsed`;function bs(){try{let e=localStorage.getItem(ys);return new Set(e?JSON.parse(e):[])}catch{return new Set}}function xs(e){try{localStorage.setItem(ys,JSON.stringify([...e]))}catch{}}var Ss=`
|
|
5392
|
+
`,Sc=`slicc-workbench-header-style`;function Cc(e){if(e.getElementById(Sc))return;let t=e.createElement(`style`);t.id=Sc,t.textContent=xc,(e.head??e.documentElement).appendChild(t)}C(`slicc-workbench-header`,class extends HTMLElement{static observedAttributes=[`kind`];#e;#t=!1;connectedCallback(){Cc(this.ownerDocument),this.#n(),this.#r(),this.addEventListener(`collapse`,this.#i)}disconnectedCallback(){this.removeEventListener(`collapse`,this.#i)}attributeChangedCallback(e){e===`kind`&&this.isConnected&&this.#r()}get kind(){let e=this.getAttribute(`kind`);return e===`tool`||e===`sprinkle`?e:null}set kind(e){e==null?this.removeAttribute(`kind`):this.setAttribute(`kind`,e)}get spacer(){return this.#n(),this.#e}#n(){if(this.#t)return;this.#t=!0;let e=this.querySelector(`:scope > .slicc-wbhead__spacer`);if(e instanceof HTMLElement){this.#e=e;return}this.#e=this.ownerDocument.createElement(`div`),this.#e.className=`slicc-wbhead__spacer`,this.#e.setAttribute(`part`,`spacer`);let t=this.querySelector(`:scope > slicc-pane-tag`),n=this.querySelector(`:scope > slicc-collapse-btn`);this.appendChild(this.#e),t&&this.appendChild(t),n&&this.appendChild(n)}#r(){let e=this.querySelector(`:scope > slicc-pane-tag`);if(!e)return;let t=this.kind;t==null?e.removeAttribute(`kind`):e.setAttribute(`kind`,t)}#i=e=>{e.target!==this&&(e.stopPropagation(),this.dispatchEvent(new CustomEvent(`collapse`,{bubbles:!0,composed:!0})))}});var wc=`slicc_monitor_collapsed`;function Tc(){try{let e=localStorage.getItem(wc);return new Set(e?JSON.parse(e):[])}catch{return new Set}}function Ec(e){try{localStorage.setItem(wc,JSON.stringify([...e]))}catch{}}var Dc=`
|
|
5103
5393
|
slicc-monitor {
|
|
5104
5394
|
display: block;
|
|
5105
5395
|
box-sizing: border-box;
|
|
@@ -5515,4 +5805,4 @@ slicc-monitor {
|
|
|
5515
5805
|
transition-duration: 0.01ms;
|
|
5516
5806
|
}
|
|
5517
5807
|
}
|
|
5518
|
-
`,
|
|
5808
|
+
`,Oc=`slicc-monitor-style`;function kc(e){if(e.getElementById(Oc))return;let t=e.createElement(`style`);t.id=Oc,t.textContent=Dc,(e.head??e.documentElement).appendChild(t)}function Ac(e){return e.status?e.status:e.error?`error`:e.active?`active`:`idle`}function jc(e){return e===`active`?`Active`:e===`error`?`Error`:e===`warn`?`Warning`:`Idle`}function Mc(e){let t=Ac(e),r=T(`span`,{class:`monitor-row__badges`});for(let t of e.badges??[])r.appendChild(T(`span`,{class:`monitor-row__badge`},t));let i=T(`span`,{class:`monitor-row__headline`},T(`span`,{class:`monitor-row__name`},e.name));r.childElementCount>0&&i.appendChild(r);let a=T(`span`,{class:`monitor-row__content`},i);return e.sublabel&&a.appendChild(T(`span`,{class:`monitor-row__sublabel`},e.sublabel)),T(`li`,{class:`monitor-row`,"data-status":t},T(`span`,{class:`monitor-row__icon`},n(e.icon??`box`,{size:16})),a,T(`span`,{class:`monitor-row__aside`},T(`span`,{class:`monitor-row__meta`},e.meta),T(`span`,{class:`monitor-row__state monitor-row__state--${t}`},T(`span`,{class:`monitor-row__dot`,"aria-hidden":`true`}),jc(t))))}function Nc(e){return T(`div`,{class:`monitor-empty`,role:`status`},T(`span`,{class:`monitor-empty__icon`},n(`inbox`,{size:18})),T(`span`,{class:`monitor-empty__title`},`No ${e.label.toLocaleLowerCase()} yet`),T(`span`,{class:`monitor-empty__text`},e.emptyText??`${e.label} will appear here when available.`))}function Pc(e,t,r,i){let a=t.has(e.id),o=e.count===0?`monitor-section monitor-section--empty`:`monitor-section`,s=[T(`span`,{class:`monitor-section__toggle`,"aria-hidden":`true`},n(a?`chevron-right`:`chevron-down`,{size:15})),T(`span`,{class:`monitor-section__heading`},T(`span`,{class:`monitor-section__title`},e.label),e.meta?T(`span`,{class:`monitor-section__meta`},e.meta):null)];s.push(T(`span`,{class:`monitor-section__count`},String(e.count)));let c=T(`button`,{class:`monitor-section__header`,type:`button`},...s);c.setAttribute(`aria-expanded`,String(!a)),c.setAttribute(`aria-controls`,i),c.addEventListener(`click`,()=>r(e.id));let l=T(`div`,{class:`monitor-section__body`,id:i});if(a&&l.setAttribute(`hidden`,``),e.rows.length===0)l.appendChild(Nc(e));else{let t=T(`ul`,{class:`monitor-section__list`});for(let n of e.rows)t.appendChild(Mc(n));l.appendChild(t)}return T(`section`,{class:o,"data-section":e.id,"data-accent":e.accent??`neutral`},c,l)}function Fc(e,t){return T(`div`,{class:`monitor-summary__metric`},T(`dt`,null,e),T(`dd`,null,t))}function Ic(e,t){let r=e.flatMap(e=>e.rows),i=r.filter(e=>Ac(e)===`active`).length,a=r.filter(e=>[`warn`,`error`].includes(Ac(e))).length,o=e.reduce((e,t)=>e+(t.id===`cost`?0:t.count),0),s=e.find(e=>e.id===`cost`)?.meta??`—`,c=T(`button`,{class:`monitor-summary__refresh`,type:`button`,"aria-label":`Refresh monitor data`},n(`refresh-cw`,{size:15}),T(`span`,null,`Refresh`));return c.addEventListener(`click`,t),T(`header`,{class:`monitor-summary`},T(`div`,{class:`monitor-summary__topline`},T(`span`,{class:`monitor-summary__mark`},n(`activity`,{size:19})),T(`div`,{class:`monitor-summary__copy`},T(`h2`,{class:`monitor-summary__title`},`Live monitor`),T(`p`,{class:`monitor-summary__subtitle`},`System activity and connections at a glance`)),c),T(`dl`,{class:`monitor-summary__metrics`},Fc(`Tracked`,String(o)),Fc(`Active`,String(i)),Fc(`Attention`,String(a)),Fc(`Session cost`,s)))}function Lc(e){return{...e,rows:e.rows.map(e=>({...e,badges:e.badges?.slice()}))}}var Rc=0;C(`slicc-monitor`,class extends HTMLElement{#e=[];#t=new Set;#n=!1;#r=++Rc;connectedCallback(){kc(this.ownerDocument),this.#n||=(this.#t=Tc(),!0),this.#e.length>0&&this.#i()}get sections(){return this.#e.map(Lc)}set sections(e){this.#e=Array.isArray(e)?e.map(Lc):[],this.isConnected&&this.#i()}#i(){let e=Ic(this.#e,()=>{this.dispatchEvent(new CustomEvent(`slicc-monitor-refresh`,{bubbles:!0,composed:!0}))}),t=T(`div`,{class:`monitor-sections`});for(let e of this.#e){let n=e.id.replace(/[^a-z0-9_-]/gi,`-`);t.appendChild(Pc(e,this.#t,e=>{this.#t.has(e)?this.#t.delete(e):this.#t.add(e),Ec(this.#t),this.#i()},`monitor-${this.#r}-${n}`))}this.replaceChildren(),w(this,[e,t])}});var zc=e({CHAT_SURFACE_ID:()=>Cs,DEFAULT_LAUNCHER_CORNER:()=>re,DEFAULT_LAUNCHER_FOLLOWER_STATUS:()=>oe,HOLD_TO_ENABLE_MS:()=>sn,LAUNCHER_FOLLOWER_STATUS_ATTR:()=>x,LAYOUT_SCHEMA_VERSION:()=>1,MACHINE_WRITTEN_MEMORY_PATH:()=>MACHINE_WRITTEN_MEMORY_PATH,PANEL_MARKER_ATTR:()=>ma,REDACTED_REAL_WORLD_MEMORY_PATH:()=>REDACTED_REAL_WORLD_MEMORY_PATH,SYNTHETIC_MEMORY_PATH:()=>SYNTHETIC_MEMORY_PATH,SliccImagePreview:()=>$t,TOKENS_CSS:()=>us,ensureGlobalTokens:()=>fs,followSystemTheme:()=>ms,setTheme:()=>ps});export{na as a,ao as i,fs as n,zi as o,ms as r,zc as t};
|