|
| 1 | +<script lang="ts"> |
| 2 | + // search-and-add — the "Augment from DB" flow's provider-pluggable search |
| 3 | + // surface. Launched from any 🔍 on an entity card (spec D2): the envelope |
| 4 | + // arrives via localStorage + live CustomEvent, the seed term lands in the |
| 5 | + // always-editable TermBar, results fire through search.fire (SearXNG free |
| 6 | + // default, palette to swap), and every row's ➕ adds to the launching |
| 7 | + // entity's list then broadcasts augment-it:entity-updated so the card |
| 8 | + // refetches. Auto-fires once per fresh envelope — searches are reads; the |
| 9 | + // gating thesis governs writes, and every write here is one operator click. |
| 10 | + // See context-v/specs/Augment-From-DB-Flow.md §Phase 3. |
| 11 | +
|
| 12 | + import { onMount } from 'svelte'; |
| 13 | + import { workspace } from '@augment-it/workspace'; |
| 14 | + import TermBar from './TermBar.svelte'; |
| 15 | + import ProviderPalette from './ProviderPalette.svelte'; |
| 16 | + import ResultsList from './ResultsList.svelte'; |
| 17 | + import { searchContext } from './lib/search-context.svelte'; |
| 18 | + import { fireSearch, fetchConnectors, addResult, verbFor } from './lib/search-client'; |
| 19 | + import type { ConnectorInfo, ConnectorResult } from './lib/types'; |
| 20 | +
|
| 21 | + const TOKEN_KEY = 'augment-it:session-token'; |
| 22 | + const WS_URL = 'ws://localhost:3001/ws'; |
| 23 | +
|
| 24 | + let status = $state<'connecting' | 'open' | 'closed' | 'error'>('connecting'); |
| 25 | + let client = $state<string>('reach-edu'); |
| 26 | +
|
| 27 | + let connectors = $state<ConnectorInfo[]>([]); |
| 28 | + let selectedProvider = $state<string | null>(null); // null = auto → SearXNG |
| 29 | +
|
| 30 | + let term = $state(''); |
| 31 | + let firing = $state(false); |
| 32 | + let fireError = $state<string | null>(null); |
| 33 | + let results = $state<ConnectorResult[]>([]); |
| 34 | + let firedVia = $state<string | null>(null); |
| 35 | +
|
| 36 | + let firedArrival = -1; |
| 37 | +
|
| 38 | + const req = $derived(searchContext.request); |
| 39 | + const entityLabel = $derived( |
| 40 | + req |
| 41 | + ? req.entity.display_name ?? |
| 42 | + (req.entity.type === 'organization' ? req.entity.org_slug : req.entity.person_uuid) |
| 43 | + : null, |
| 44 | + ); |
| 45 | + const addVerb = $derived.by(() => { |
| 46 | + if (!req) return null; |
| 47 | + try { |
| 48 | + return verbFor(req); |
| 49 | + } catch { |
| 50 | + return null; |
| 51 | + } |
| 52 | + }); |
| 53 | +
|
| 54 | + async function fire() { |
| 55 | + if (!term.trim()) return; |
| 56 | + firing = true; |
| 57 | + fireError = null; |
| 58 | + try { |
| 59 | + const r = await fireSearch({ |
| 60 | + query: term.trim(), |
| 61 | + intent: req?.intent, |
| 62 | + provider: selectedProvider ?? undefined, |
| 63 | + }); |
| 64 | + results = r.results; |
| 65 | + firedVia = r.provider; |
| 66 | + } catch (err) { |
| 67 | + fireError = err instanceof Error ? err.message : String(err); |
| 68 | + results = []; |
| 69 | + firedVia = null; |
| 70 | + } finally { |
| 71 | + firing = false; |
| 72 | + } |
| 73 | + } |
| 74 | +
|
| 75 | + // A fresh envelope (mount-time localStorage read counts, via arrival 0 vs |
| 76 | + // firedArrival -1) seeds the term and auto-fires exactly once. Later |
| 77 | + // operator edits + re-fires never re-trigger this. |
| 78 | + $effect(() => { |
| 79 | + if (searchContext.arrival !== firedArrival || (firedArrival === -1 && req)) { |
| 80 | + firedArrival = searchContext.arrival; |
| 81 | + if (req) { |
| 82 | + term = req.seed_term; |
| 83 | + results = []; |
| 84 | + firedVia = null; |
| 85 | + void fire(); |
| 86 | + } |
| 87 | + } |
| 88 | + }); |
| 89 | +
|
| 90 | + async function onAdd(url: string) { |
| 91 | + if (!req) throw new Error('no launch context — open a 🔍 from an entity card'); |
| 92 | + await addResult(req, url, client); |
| 93 | + } |
| 94 | +
|
| 95 | + async function loadActiveClient() { |
| 96 | + try { |
| 97 | + const r = (await workspace.invoke('workspace.active', {})) as { active_client_id?: string }; |
| 98 | + if (r?.active_client_id) client = r.active_client_id; |
| 99 | + } catch { |
| 100 | + /* keep default */ |
| 101 | + } |
| 102 | + } |
| 103 | +
|
| 104 | + function onWorkspaceChanged(e: Event) { |
| 105 | + const detail = (e as CustomEvent).detail as { client_id?: string } | undefined; |
| 106 | + if (detail?.client_id) client = detail.client_id; |
| 107 | + else void loadActiveClient(); |
| 108 | + } |
| 109 | +
|
| 110 | + onMount(() => { |
| 111 | + workspace.connect({ |
| 112 | + url: WS_URL, |
| 113 | + getToken: () => localStorage.getItem(TOKEN_KEY), |
| 114 | + saveToken: (t) => localStorage.setItem(TOKEN_KEY, t), |
| 115 | + onStatus: (s) => (status = s), |
| 116 | + }); |
| 117 | + void loadActiveClient(); |
| 118 | + void fetchConnectors().then((c) => (connectors = c)).catch(() => {}); |
| 119 | + const unlisten = searchContext.listen(); |
| 120 | + window.addEventListener('augment-it:workspace-changed', onWorkspaceChanged); |
| 121 | + return () => { |
| 122 | + unlisten(); |
| 123 | + window.removeEventListener('augment-it:workspace-changed', onWorkspaceChanged); |
| 124 | + }; |
| 125 | + }); |
| 126 | +</script> |
| 127 | + |
| 128 | +<div class="saa-app"> |
| 129 | + <header class="saa-header"> |
| 130 | + <div class="saa-title-row"> |
| 131 | + <h1 class="saa-title">Search & Add</h1> |
| 132 | + {#if req} |
| 133 | + <span class="saa-context"> |
| 134 | + adding to <strong>{entityLabel}</strong> · {req.target} |
| 135 | + {#if !addVerb}<em class="saa-context-warn">(no add verb for this combination)</em>{/if} |
| 136 | + </span> |
| 137 | + {:else} |
| 138 | + <span class="saa-context saa-context-none">no launch context — open a 🔍 from an entity card</span> |
| 139 | + {/if} |
| 140 | + <span class="saa-ws status-{status}">{status}</span> |
| 141 | + </div> |
| 142 | + <TermBar bind:term {firing} onfire={fire} /> |
| 143 | + <ProviderPalette {connectors} bind:selected={selectedProvider} /> |
| 144 | + {#if fireError}<div class="saa-error saa-fire-error">{fireError}</div>{/if} |
| 145 | + </header> |
| 146 | + |
| 147 | + <main class="saa-body"> |
| 148 | + <ResultsList {results} provider={firedVia} onadd={onAdd} /> |
| 149 | + </main> |
| 150 | +</div> |
0 commit comments