@shardflux/desktop-linux-x64 0.0.0-stage → 0.1.0-next.4

package/CHANGELOG.md

@@ -0,0 +1,7 @@
+# Changelog
+
+## 0.1.0 (not yet published)
+
+- Shardflux for Ubuntu 24.04: desktop onboarding, conversations and launcher.
+
+- Port all seven Settings panes, device and vault approvals, actionable desktop notifications, file placeholders, screenshot capture and self-update. Use the custom StatusNotifierItem panel, publisher app marks, licensed Lucide icons and system-accent selections.

package/LICENSE

@@ -0,0 +1,202 @@
+
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -1,3 +1,3 @@
-# Temporary Holding Version
+# Shardflux for Linux
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+The Shardflux desktop app for Ubuntu 24.04. Installed automatically with `npm i -g shardflux`. Run `shard` to sign in and connect your agents.

package/app/manifest.json

@@ -0,0 +1 @@
+{"id":"dev.shardflux.Desktop","version":"0.1.0-next.4"}

package/app/ui/agents.mjs

@@ -0,0 +1,21 @@
+// MenuBarCore/Agents.swift: credential state wins, then exited, parked, waiting, working.
+export function agentRows(agents,workspaces=[],archived={}) {
+  const ws=new Map(workspaces.map(w=>[w.id,w]));
+  const rows=agents.flatMap(a=>{
+    if(!a?.id||!a.workspace_key||!['claude','codex'].includes(a.app)||ws.get(a.workspace_id)?.deleted_at)return [];
+    if(archived[a.id]===`${a.state}:${a.since}`)return [];
+    const labels=a.labels||{},remote=labels.repo_remote||labels.shard_repo_remote;
+    const project=remote?decodeURIComponent(remote.replace(/\/$/,'').split('/').at(-1)).replace(/\.git$/,''):labels.shard_project||a.workspace_key.split('/')[0];
+    let title=a.title?.trim().replace(/^(\[SF\]\s*|Shardflux · )/,'').split('\n')[0].trim();
+    if(!title||/^conv[-_]/.test(title)||title===a.workspace_key||title===a.id)title='New conversation';
+    const state=a.app==='claude'&&a.credential_status==='needs_sign_in'?'sign-in':a.state==='exited'?'done':['suspended','hibernated','parked'].includes(ws.get(a.workspace_id)?.observed_state)?'parked':a.state==='waiting'?'needs-you':'working';
+    return [{...a,title,project,state,rawState:a.state,reference:a.conversation_id&&a.conversation_id!==labels.shard_conversation?a.conversation_id:a.workspace_key}];
+  });
+  const rank={'sign-in':0,'needs-you':1,working:2,parked:3,done:4};
+  return rows.sort((a,b)=>rank[a.state]-rank[b.state]||Date.parse(b.since)-Date.parse(a.since)||a.id.localeCompare(b.id));
+}
+export function trayItems(rows,{showDone=false,update=false}={}) {
+  const live=rows.filter(r=>r.state!=='done'),done=rows.filter(r=>r.state==='done');
+  const item=r=>({label:`${r.title}  ·  ${r.project}`,action:`open:${r.reference}`,children:[{label:'Open',action:`open:${r.reference}`},{label:'Open in',children:[{label:'Terminal',action:`open-in:terminal:${r.reference}`},{label:'Browser',action:`open-in:web:${r.reference}`},{label:'T3 Code',action:`open-in:t3:${r.reference}`}]},{label:'New thread on this computer',action:`thread:${r.id}`},{label:'Archive',action:`archive:${r.id}`},{label:'Copy workspace key',action:`copy-key:${r.workspace_key}`} ]});
+  return [{label:'New conversation',action:'launcher'},{separator:true},...live.map(item),...(!rows.length?[{label:'Your conversations will appear here.',disabled:true}]:[]),...(done.length?[{label:`${done.length} done`,children:[...done.map(item),{separator:true},{label:'Archive done conversations',action:'archive-done'}]}]:[]),{separator:true},{label:'Open files',action:'files'},{label:'Settings…',action:'settings'},{label:update?'Update available…':'Check for updates',action:'updates'},{label:'Onboarding…',action:'onboarding'},{separator:true},{label:'Quit',action:'quit'}];
+}

package/app/ui/app.mjs

@@ -0,0 +1,78 @@
+import {icon,appMark,spinner} from './icons.mjs';
+import {installTray} from './tray.mjs';
+import {steps,samplePrompt,readProgress,canContinue,anyAgentConnected,accountConnected,demoPhase,cardState,commands,recordStart,DemoTurn,browserEvent,streamURL,safeHTTPS,observeActivity,recap,openPlace,shortcutLabel,escape as e} from './core.mjs';
+import {agentRows} from './agents.mjs';
+import {installSurfaces} from './surfaces.mjs';
+import {installSettings} from './settings.mjs';
+import {installIntegrations} from './integrations.mjs';
+const host=window.sfNative;
+let api=window.sfBoot.api||'https://api.shardflux.dev';
+const config=window.sfBoot.config;
+export const model=window.sfModel={p:readProgress(await host('read',{name:'onboarding.json'}),api),prefs:await host('read',{name:'desktop-linux.json'})||{},inspection:null,view:window.sfBoot.view||'onboarding',error:'',signIn:'idle',code:'',url:null,busy:false,launcher:false,activity:null,stream:null,shot:null,turn:new DemoTurn(),phone:null};
+const root=document.querySelector('#app');
+model.rows=[];
+model.api=api;
+window.addEventListener('sf-profile',async ev=>{api=ev.detail;model.api=api;model.p=readProgress(await host('read',{name:'onboarding.json'}),api);model.error='';await refresh();render();});
+export const button=(title,action,cls='',disabled=false)=>`<button class="${cls}" data-action="${action}" ${disabled?'disabled':''}>${title}</button>`;
+export async function cli(argv,options={}) {let raw;try{raw=await host('cli',{argv,...options});}catch(err){raw=err.message;let detail;for(const line of raw.trim().split('\n')){try{detail=JSON.parse(line).error;}catch{}}if(detail)throw Object.assign(new Error(detail.message),{detail});throw err;}let result;for(const line of raw.trim().split('\n')){try{result=JSON.parse(line);}catch{}}if(result===undefined)throw new Error(raw.trim()||'shard returned no response.');if(result.error)throw Object.assign(new Error(result.error.message),{detail:result.error});return result;}
+export async function openConversation(key,target='auto') {const d=await cli(commands.open(key,target));if(d.url)await host('open',{url:d.url});else if(d.target==='terminal')await host('terminal',{argv:d.command||['shard','agents','open',key]});else if(!d.opened&&!d.ok)throw new Error('shard did not return a conversation destination. Update Shardflux and try Open again.');return d;}
+export const save=()=>host('write',{name:'onboarding.json',value:model.p});
+export const savePrefs=()=>host('write',{name:'desktop-linux.json',value:model.prefs});
+export async function refresh(connect=false,retry=false){const requestAPI=api;try{const doc=await cli(commands.inspect(connect,retry));if(requestAPI!==api)return;model.inspection=doc.onboarding;if(accountConnected(model.inspection))model.p.completed=[...new Set([...model.p.completed,0])];if(anyAgentConnected(model.inspection))model.p.completed=[...new Set([...model.p.completed,1])];else model.p.completed=model.p.completed.filter(n=>n!==1);await save();render();}catch(err){model.error=err.message;render();}}
+export function connectors(glow=true){return `<div class="connectors ${glow?'':'settings-cards'}">${['claude','codex',...(model.inspection?.connections?.some(c=>c.id==='t3')?['t3']:[])].map(id=>{const c=model.inspection?.connections?.find(c=>c.id===id),s=cardState(c);return `<div class="connector ${s.kind}" data-card="${id}">${id==='t3'&&!model.appIcons?.t3?'<span class="app-mark missing-mark"></span>':appMark(id,36,model.appIcons?.t3)}<div><div class="name">${{claude:'Claude',codex:'Codex',t3:'T3 Code'}[id]}</div><div class="fact">${e(s.fact)}</div></div><div class="status">${s.kind==='connected'?`${icon('circle-check-fill',14)} Connected`:s.button?button(e(s.button),`connect:${id}`,'small primary'):s.kind==='connecting'||s.kind==='checking'?spinner(14):''}</div></div>${id==='t3'?phoneCard():''}`;}).join('')}</div>`;}
+function phoneCard(){const c=model.inspection?.connections?.find(c=>c.id==='t3');if(c?.mode!=='ssh')return '';const p=model.phone;return `<div class="phone"><div class="row spread"><b>On your phone</b>${button(p?.sign_in?'New code':'Connect phone','phone','small')}</div>${p?.needs_login?'<p>Sign in to Shardflux on this computer to approve it.</p>':p?.sign_in?`<p>Confirm this code on the page that opened.</p><div class="row"><code class="mono">${e(p.sign_in.user_code??p.sign_in.code)}</code>${button('Open page','phone-open','small')}</div>`:'<p>Use this project from the T3 app. You approve it once.</p>'}</div>`;}
+// ProgressRail: a check when done, the lifted pill on the current step, dim ahead. Done and earlier steps are buttons
+// that jump back to them, as on the Mac; the demo's own three-step rail is a plain one.
+function rail(titles,current,completed=null){return `<div class="rail">${titles.map((s,i)=>{const isCurrent=i===current,done=(completed?completed.includes(i):i<current)&&!isCurrent,reachable=completed&&(done||i<current)&&!isCurrent;const cls=isCurrent?'active':done?'done':i<current?'reachable':'';return reachable?`<button class="rail-step ${cls}" data-action="jump:${i}" aria-label="${e(s)}, ${done?'done':'not started'}">${done?icon('check',10):''}${e(s)}</button>`:`<span class="rail-step ${cls}" aria-label="${e(s)}, ${isCurrent?'current step':done?'done':'not started'}">${done?icon('check',10):''}${e(s)}</span>`;}).join('')}</div>`;}
+const shortcut=()=>shortcutLabel(model.prefs.shortcut);
+function keys(){return `<div class="keycaps">${shortcut().split('+').map(k=>`<kbd data-key="${e(k==='Space'?' ':k==='Ctrl'?'Control':k)}">${e(k)}</kbd>`).join('')}</div>`;}
+function signin(){const s=model.signIn;return `<section class="signin enter"><div><h1>Sign in to Shardflux.</h1><p>Every agent gets its own computer: a full Linux VM with your setup.</p><div class="actions column">${s==='idle'?`<div class="row">${button(`Continue in browser ${icon('arrow-up-right',14)}`,'browser','primary')}${button('Continue with ChatGPT','chatgpt','',model.busy)}</div><p class="terms">By continuing, you agree to our <a href="https://shardflux.dev/terms">Terms of Service</a> and acknowledge our <a href="https://shardflux.dev/privacy">Privacy Policy</a>.</p>`:s==='browser'?`<p>${model.code?`Confirm code <code class="mono">${e(model.code)}</code> in your browser`:'Opening your browser…'}</p><div class="row">${button(`Open again ${icon('arrow-up-right',14)}`,'browser-open','',!model.url)}${button('Cancel','cancel')}</div>`:s==='mfa'?`<p>Enter the code from your authenticator app.</p><input name="code" placeholder="6-digit code" autocomplete="one-time-code"><div>${button(model.busy?'Verifying…':'Continue','mfa','primary',model.busy)}</div>`:s==='done'?`<p>${icon('check')} Signed in${model.email?` as ${e(model.email)}`:''}</p><p>Getting your account ready…</p>`:`<p>Signing in…</p>`}</div>${error()}</div></section>`;}
+function error(){return model.error?`<div class="error" role="alert">${e(model.error)}</div>`:'';}
+function demo(){const phase=demoPhase(model.p,model.launcher),n=phase==='copy'?0:phase==='launcher'?1:2;if(['watch','result'].includes(phase))return live(phase==='result');return `<div class="row spread title-row"><h1>Try it once.</h1>${rail(['Copy the task','Open the launcher','Paste and start'],n)}</div><p class="subtitle">Your agent gets its own computer and tests a small web app there. You do each step; this window follows along.</p><div class="stage">${phase==='copy'?`<div class="copy-task"><span>${e(model.inspection?.demo?.prompt||samplePrompt)}</span>${button(`${icon('copy',14)} Copy`,'copy','primary small')}</div>`:phase==='launcher'?`${keys()}<p>from anywhere on your computer</p>${button('Open the launcher','launcher','link')}`:`<p>Paste the task, pick Daylight (sample), then Start.</p>${button('Open the launcher','launcher','primary')}`}</div>`;}
+function live(result){const a=model.activity,screen=a?.screen||model.p.shot?.screen||{width:1280,height:800},b=a?.browser||model.p.shot?.focus;const focus=b?`${b.x} ${b.y+87} ${b.width} ${Math.max(120,b.height-87)}`:`0 0 ${screen.width} ${screen.height-30}`;
+  const still=model.shot?`<svg viewBox="${focus}" role="img" aria-label="Agent’s browser showing the finished app" preserveAspectRatio="xMidYMid slice"><image href="${model.shot}" width="${screen.width}" height="${screen.height}"/></svg>`:'';
+  const desktop=`<div class="screen live-screen">${still||(model.stream?`<iframe src="${e(model.stream)}" sandbox="allow-scripts allow-same-origin" title="Agent’s live desktop"></iframe>`:`<div class="empty">${spinner(16)}<span>Opening its screen…</span></div>`)}</div>`;
+  const lines=recap({events:model.p.feed||[]}),last=(model.p.feed||[]).at(-1)?.text;
+  return `<section class="live-card ${result?'result':''}"><h1>${result?'Every agent gets its own computer.':'Your agent’s computer'}</h1><p class="subtitle">${result?'A full Linux VM with sudo, a browser and open ports, where it can install, run and test anything.':'It’s testing Daylight in its own browser.'}</p>
+  ${result?`<div class="recap"><div class="recap-lines">${lines.map((l,i)=>`<div class="recap-line" style="--i:${i}">${icon('check',13)}<span>${e(l)}</span></div>`).join('')}${model.p.demo_changed?'<p>It changed files. When you want them on your computer, just ask your agent, for example “bring this to my computer” or “open a PR”.</p>':''}</div>${still?`<div class="screen recap-shot">${still}</div>`:''}</div>`:`${desktop}<p class="activity-line">${last?e(last):'&nbsp;'}</p>`}
+  <div class="live-foot">${result?button(`Its report in ${e(openPlace(model.launcherState?.targets,model.p.demo_app||'claude'))} ${icon('square-arrow-up-right',13)}`,'report','link report'):`<span class="muted">It keeps going when you close your laptop.</span>${model.remoteURL?button('Open on your phone','conversation-phone','link'):''}`}<span class="grow"></span>${result?button(`Your own project ${icon('arrow-right',13)}`,'next','primary'):''}</div></section>`;}
+function own(){return `<h1>Now your own project.</h1><p class="subtitle">Press ${e(shortcut())}, pick it, describe what you want.</p><div class="own-shortcut row">${keys()}<p>from anywhere on your computer</p></div>`;}
+// DoneStep: the finale on the homepage silk, left of the ribbon.
+function done(){const name=model.p.own_path?.split('/').filter(Boolean).at(-1)||'your project';return `<section class="finale"><h1>You’re set.</h1><p class="subtitle">Your agent is working on ${e(name)} in ${e(openPlace(model.launcherState?.targets,model.p.own_app||'claude'))}. Start the next one with ${e(shortcut())}.</p>${button(`Done ${icon('arrow-right',13)}`,'finish','primary')}</section>`;}
+let renderedStep;
+export function render(){
+  if(model.view!=='onboarding'){if(window.renderSurface)window.renderSurface();return;}
+  const transition=renderedStep!==model.p.step;renderedStep=model.p.step;
+  const brand='<div class="brand"><img src="assets/shardflux-mark.svg" alt="">shardflux</div>',skip=button('Skip for now','skip','link');
+  if(model.p.step===2&&model.p.demo_key){root.innerHTML=`<div class="onboarding live-layout-window">${live(model.p.demo_finished)}${error()}</div>`;return;}
+  if(model.p.step===3&&model.p.own_key){root.innerHTML=`<div class="onboarding hero"><header class="top">${brand}${skip}</header>${done()}</div>`;return;}
+  const back=model.p.step!==1||!accountConnected(model.inspection)?button(`${icon('chevron-left',12)} Back`,'back'):'';
+  const next=model.p.step===3?button('Later','finish','link'):model.p.step===2?'':button(`Continue ${icon('arrow-right',14)}`,'next','primary',!canContinue(model.p,model.inspection));
+  root.innerHTML=`<div class="onboarding ${model.p.step===0?'hero':''}"><header class="top">${model.p.step===0?brand:rail(steps,model.p.step,model.p.completed||[])}${skip}</header>${model.p.step===0?signin():`<section class="tile ${transition?'enter':''}">${model.p.step===1?`<h1>Connect your agents.</h1><p class="subtitle">Claude, Codex or both. Each conversation opens in the app you already use.</p>${connectors()}`:model.p.step===2?demo():own()}${error()}</section><footer class="foot"><div>${back}</div>${model.p.step===1&&!canContinue(model.p,model.inspection)?'<span class="hint">Connect at least one. The other can wait for Settings.</span>':''}${next}</footer>`}</div>`;
+}
+async function signedIn(email){model.email=email;model.signIn='done';model.p.completed=[...new Set([...model.p.completed,0])];render();await cli(commands.setup);await refresh();model.signIn='idle';await go(1);}
+let browserRun;
+async function signIn(browser){model.error='';model.signIn=browser?'browser':'working';render();if(browser){browserRun=host('cli',{argv:commands.browser('Shardflux for Linux'),stream:true,timeout:540});await browserRun;return;}try{const doc=await cli(commands.signIn);await signedIn(doc.user?.email);}catch(err){if(/mfa|two.factor|verification/i.test(err.message)){model.signIn='mfa';render();}else throw err;}}
+window.addEventListener('sf-cli-line',async ev=>{if(ev.detail.id!==browserRun?.id)return;const value=browserEvent(ev.detail.line);if(value?.event==='open'){model.code=value.user_code;model.url=value.verification_uri_complete;render();}else if(value?.event==='signed_in'){try{await signedIn(value.email);}catch(err){model.error=err.message;render();}}else if(value?.event==='error'){model.error=value.message;model.signIn='idle';render();}});
+async function go(step){model.p.step=step;await save();if(step===2&&!model.p.sample_path){const d=await cli(commands.sample);if(!d.sample_path?.startsWith('/'))throw new Error('The sample project could not be prepared.');model.p.sample_path=d.sample_path;await save();}render();}
+export async function connect(id){const c=model.inspection?.connections.find(c=>c.id===id);if(c?.action?.url){await host('open',{url:safeHTTPS(c.action.url)});return;}if(c?.action?.retry){await refresh(true,id==='codex');return;}if(c?.action?.command){const argv=c.action.command;if(argv[0]==='shard'){await cli([...argv.slice(1).filter(a=>a!=='--json'),'--json']);}else await host('terminal',{argv});}else await refresh(true,id==='codex');await refresh();}
+const handlers={browser:()=>signIn(true),chatgpt:()=>signIn(false),'browser-open':()=>host('open',{url:model.url}),cancel:async()=>{if(browserRun)await host('cancel',{id:browserRun.id});model.signIn='idle';},mfa:async()=>{const doc=await cli(commands.mfa(root.querySelector('[name=code]').value));await signedIn(doc.user?.email);},finish:async()=>{model.p.finished=true;await save();await host('hide');},skip:async()=>{model.p.dismissed=true;await save();await host('hide');},back:()=>go(Math.max(0,model.p.step-1)),next:async()=>{if(!canContinue(model.p,model.inspection))return;if(model.p.step===3){model.p.finished=true;await save();await host('hide');}else await go(model.p.step+1);},copy:async()=>{await host('copy',{text:model.inspection?.demo?.prompt||samplePrompt});model.p.demo_copied=true;await save();},launcher:()=>host('view',{name:'launcher'}),report:()=>openConversation(model.p.demo_key),'own-open':()=>openConversation(model.p.own_key),'conversation-phone':()=>host('open',{url:model.remoteURL}),phone:async()=>{const agents=await host('read',{name:'agents.json'});const environment=agents?.t3?.filter(t=>t.api_url===api).at(-1);if(!environment)throw new Error('Open a project in T3 Code first.');const doc=await cli(['agents','open','t3',environment.workspace,'--json']);model.phone=doc.t3_link;},'phone-open':()=>host('open',{url:safeHTTPS(model.phone?.sign_in?.verification_uri_complete??model.phone?.sign_in?.url)})};
+export function registerActions(actions){Object.assign(handlers,actions);}
+export async function performAction(action,b,ev){model.error='';try{if(/^(review|credential|always-credential|deny|deny-credential|download):/.test(action))await handlers.integration(action);else if(action.startsWith('open-in:')){const [,target,...ref]=action.split(':');await openConversation(ref.join(':'),target);}else if(action.startsWith('connect:'))await connect(action.slice(8));else if(action.startsWith('jump:'))await go(Number(action.slice(5)));else if(action.startsWith('open:'))await openConversation(action.slice(5));else if(action.startsWith('copy-key:'))await host('copy',{text:action.slice(9)});else if(action.startsWith('archive:')){const r=model.rows.find(r=>r.id===action.slice(8));if(r){(model.prefs.archived??={})[r.id]=`${r.rawState}:${r.since}`;await savePrefs();await refreshTray();}}else if(action==='archive-done'){for(const r of model.rows.filter(r=>r.state==='done'))(model.prefs.archived??={})[r.id]=`${r.rawState}:${r.since}`;await savePrefs();await refreshTray();}else if(action.startsWith('thread:')){const r=model.rows.find(r=>r.id===action.slice(7));if(r){model.prefs.pendingComputer={id:r.workspace_id,key:r.workspace_key,project:r.project,path:r.labels?.local_path||r.labels?.shard_local_path||r.labels?.repo_path};await savePrefs();await host('view',{name:'launcher'});}}else if(handlers[action])await handlers[action](b,ev);else if(action==='files')await handlers['open-files']();else if(action==='updates'){model.prefs.settingsPane='Updates';model.prefs.checkUpdates=Date.now();await savePrefs();await host('view',{name:'settings'});}else if(['settings','onboarding','tray','launcher'].includes(action))await host('view',{name:action});else if(action==='quit')await host('quit');}catch(err){model.error=err.message;if(model.signIn==='working'||model.signIn==='browser')model.signIn='idle';}render();}
+root.addEventListener('click',ev=>{const b=ev.target.closest('[data-action]');if(b)void performAction(b.dataset.action,b,ev);});
+window.addEventListener('sf-action',ev=>void performAction(ev.detail));
+window.addEventListener('sf-view',ev=>{const view=ev.detail||'onboarding';model.view=view;model.launcher=view==='launcher';render();});
+for(const event of ['keydown','keyup'])window.addEventListener(event,ev=>{document.querySelectorAll('kbd[data-key]').forEach(k=>k.classList.toggle('held',event==='keydown'&&(k.dataset.key===ev.key||k.dataset.key==='Alt'&&ev.altKey||k.dataset.key==='Shift'&&ev.shiftKey)));});
+let polling=false;
+setInterval(async()=>{if(polling)return;polling=true;try{if(model.p.step===1||model.view==='settings')await refresh();if(model.p.demo_key&&!model.p.demo_finished){const doc=await cli(commands.activity(model.p.demo_key));const a=doc.onboarding?.activity;if(a){model.activity=a;if(a.workspace?.key)model.p.demo_workspace=a.workspace.key;if(a.conversation){model.turn.observeConversation(a.conversation);}const feed=observeActivity({events:model.p.feed||[],baseline:model.p.feed_baseline,changed:model.p.demo_changed},a);model.p.feed=feed.events;model.p.feed_baseline=feed.baseline;model.p.demo_changed=!!feed.changed;if(!model.stream){try{model.stream=streamURL(await cli(commands.stream(model.p.demo_workspace||model.p.demo_key)));}catch{}}if(model.turn.finished){const out=`${config}/onboarding-result.png`;await cli(commands.screenshot(model.p.demo_workspace||model.p.demo_key,out));model.shot=await host('image',{path:out});model.p.shot={path:out,screen:a.screen,focus:a.browser};model.p.demo_finished=true;}await save();render();}}}catch(err){model.error=err.message;render();}finally{polling=false;}},3000);
+installSurfaces({model,host,cli,save,savePrefs,render,button,registerActions,openConversation});
+installSettings({model,host,cli,savePrefs,render,button,registerActions,refresh});
+installIntegrations({model,host,cli,savePrefs,render,button,registerActions});
+installTray({model,host,cli,render,button,registerActions,performAction});
+const info=await host('info');if(info.accent)document.documentElement.style.setProperty('--system-accent',info.accent);model.appIcons=await host('app-icons');
+let trayBusy=false;
+export async function refreshTray(){if(trayBusy)return;trayBusy=true;try{const [agents,workspaces]=await Promise.all([cli(['agents','list','--json']),cli(['workspaces','list','--json'])]);model.rows=agentRows(agents.data||agents.agents||[],workspaces.data||[],model.prefs.archived);model.signedIn=true;model.trayStatus='';}catch(err){if(err.detail?.code==='unauthenticated'||/sign in|not signed|api key|credentials/i.test(err.message))model.signedIn=false;else model.trayStatus='Couldn’t refresh your conversations. Try again shortly.';}finally{trayBusy=false;if(model.view==='tray')render();}}
+setInterval(refreshTray,5000);window.sfRefreshTray=refreshTray;
+render();void refreshTray();const wasFirstRun=model.p.step===0&&!model.p.finished;await refresh();if(wasFirstRun&&accountConnected(model.inspection)){await go(1);}if(model.p.shot?.path){try{model.shot=await host('image',{path:model.p.shot.path});}catch{}}
+
+if((model.p.finished||model.p.dismissed)&&model.view==='onboarding')await host('hide');

package/app/ui/assets/FragmentMono-OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2022 The Fragment-Mono Project Authors (https://github.com/weiweihuanghuang/fragment-mono)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+https://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/app/ui/assets/FunnelDisplay-OFL.txt

@@ -0,0 +1,93 @@
+Copyright 2023 The Funnel Project Authors (https://github.com/Dicotype/Funnel)
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION & CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.