@ouraihub/aether-ui 0.1.0 → 0.1.2

package/src/skills/SkillAdd.svelte

@@ -68,7 +68,9 @@
     invalidate()
   })
 
-  async function act(work: (signal: AbortSignal, current: () => boolean) => Promise<void>): Promise<void> {
+  async function act(
+    work: (signal: AbortSignal, current: () => boolean) => Promise<void>,
+  ): Promise<void> {
     invalidate()
     const id = generation
     const controller = new AbortController()
@@ -130,7 +132,9 @@
   function scan(pick: boolean): Promise<void> {
     return act(async (signal, current) => {
       if (!sources) return
-      const found = await (pick ? sources.pickSearchDirectory({ signal }) : sources.discover({ signal }))
+      const found = await (pick
+        ? sources.pickSearchDirectory({ signal })
+        : sources.discover({ signal }))
       if (current() && found !== null) {
         system = found
         searched = true
@@ -155,7 +159,9 @@
     input.value = ''
     if (!picked) return
     void act(async (_signal, current) => {
-      const next: Source = { bytes: { fileName: picked.name, bytes: [...new Uint8Array(await picked.arrayBuffer())] } }
+      const next: Source = {
+        bytes: { fileName: picked.name, bytes: [...new Uint8Array(await picked.arrayBuffer())] },
+      }
       await showPreview(next, picked.name, current)
     })
   }
@@ -195,7 +201,9 @@
     <DropdownMenu.Trigger>
       {#snippet child({ props })}
         <Button {...props} {disabled}
-          ><Plus data-icon="inline-start" />{t('skills.add.title')}<ChevronDown data-icon="inline-end" /></Button
+          ><Plus data-icon="inline-start" />{t('skills.add.title')}<ChevronDown
+            data-icon="inline-end"
+          /></Button
         >
       {/snippet}
     </DropdownMenu.Trigger>
@@ -203,13 +211,20 @@
       <DropdownMenu.Group>
         {#if sources}
           {#if sources.authoring && ports.providers}
-            <DropdownMenu.Item onSelect={() => open('agent')}><Bot />{t('skills.add.agent')}</DropdownMenu.Item>
+            <DropdownMenu.Item onSelect={() => open('agent')}
+              ><Bot />{t('skills.add.agent')}</DropdownMenu.Item
+            >
           {/if}
-          <DropdownMenu.Item onSelect={() => open('online')}><Search />{t('skills.add.online')}</DropdownMenu.Item>
-          <DropdownMenu.Item onSelect={() => open('system')}><FolderSearch />{t('skills.add.system')}</DropdownMenu.Item
+          <DropdownMenu.Item onSelect={() => open('online')}
+            ><Search />{t('skills.add.online')}</DropdownMenu.Item
+          >
+          <DropdownMenu.Item onSelect={() => open('system')}
+            ><FolderSearch />{t('skills.add.system')}</DropdownMenu.Item
           >
         {/if}
-        <DropdownMenu.Item onSelect={() => open('local')}><Import />{t('skills.add.local')}</DropdownMenu.Item>
+        <DropdownMenu.Item onSelect={() => open('local')}
+          ><Import />{t('skills.add.local')}</DropdownMenu.Item
+        >
       </DropdownMenu.Group>
     </DropdownMenu.Content>
   </DropdownMenu.Root>
@@ -265,10 +280,15 @@
               <div class="flex min-w-0 flex-1 flex-col gap-1">
                 <strong class="text-sm">{candidate.name}</strong>
                 <p class="text-muted-foreground text-xs">{candidate.description}</p>
-                <p class="text-muted-foreground break-all text-xs">{candidate.origin} · {candidate.url}</p>
+                <p class="text-muted-foreground break-all text-xs">
+                  {candidate.origin} · {candidate.url}
+                </p>
               </div>
-              <Button size="sm" variant="outline" disabled={busy} onclick={() => void prepare(candidate)}
-                >{t('skills.add.preview')}</Button
+              <Button
+                size="sm"
+                variant="outline"
+                disabled={busy}
+                onclick={() => void prepare(candidate)}>{t('skills.add.preview')}</Button
               >
             </li>
           {/each}
@@ -276,9 +296,13 @@
       {:else if mode === 'system'}
         <p class="text-muted-foreground text-sm">{t('skills.add.system_hint')}</p>
         <div class="flex flex-wrap gap-2">
-          <Button variant="outline" disabled={busy} onclick={() => void scan(false)}>{t('skills.add.rescan')}</Button>
+          <Button variant="outline" disabled={busy} onclick={() => void scan(false)}
+            >{t('skills.add.rescan')}</Button
+          >
           <Button variant="outline" disabled={busy} onclick={() => void scan(true)}
-            ><FolderSearch data-icon="inline-start" />{t('skills.add.pick_search_directory')}</Button
+            ><FolderSearch data-icon="inline-start" />{t(
+              'skills.add.pick_search_directory',
+            )}</Button
           >
         </div>
         <ul class="flex flex-col gap-2" aria-label={t('skills.add.results')}>
@@ -286,10 +310,15 @@
             <li class="flex items-start gap-3 rounded-md border p-3">
               <div class="flex min-w-0 flex-1 flex-col gap-1">
                 <strong class="text-sm">{candidate.name}</strong>
-                <p class="text-muted-foreground break-all text-xs">{candidate.origin} · {candidate.path}</p>
+                <p class="text-muted-foreground break-all text-xs">
+                  {candidate.origin} · {candidate.path}
+                </p>
               </div>
-              <Button size="sm" variant="outline" disabled={busy} onclick={() => void prepareSystem(candidate)}
-                >{t('skills.add.preview')}</Button
+              <Button
+                size="sm"
+                variant="outline"
+                disabled={busy}
+                onclick={() => void prepareSystem(candidate)}>{t('skills.add.preview')}</Button
               >
             </li>
           {/each}
@@ -305,12 +334,16 @@
           >
         </div>
       {/if}
-      {#if busy}<p role="status" class="text-muted-foreground text-sm">{t('skills.add.working')}</p>{/if}
+      {#if busy}<p role="status" class="text-muted-foreground text-sm">
+          {t('skills.add.working')}
+        </p>{/if}
       {#if !busy && searched && ((mode === 'online' && candidates.length === 0) || (mode === 'system' && system.length === 0))}
         <p role="status" class="text-muted-foreground text-sm">{t('skills.add.no_results')}</p>
       {/if}
     </div>
-    <Dialog.Footer><Button variant="outline" onclick={close}>{t('common.cancel')}</Button></Dialog.Footer>
+    <Dialog.Footer
+      ><Button variant="outline" onclick={close}>{t('common.cancel')}</Button></Dialog.Footer
+    >
   </Dialog.Content>
 </Dialog.Root>
 

package/src/skills/SkillAuthoring.svelte

@@ -6,7 +6,13 @@
   import * as Field from '#lib/components/ui/field/index.js'
   import { Textarea } from '#lib/components/ui/textarea/index.js'
   import { getKitContext } from '../context'
-  import { KitClientError, type ModelRef, type PreparedSkill, type RunEvent, type SkillDto } from '../ports'
+  import {
+    KitClientError,
+    type ModelRef,
+    type PreparedSkill,
+    type RunEvent,
+    type SkillDto,
+  } from '../ports'
   import ModelSelect from '../providers/ModelSelect.svelte'
   import ApprovalCard from '../chat/ApprovalCard.svelte'
   import ToolCallItem from '../chat/ToolCallItem.svelte'
@@ -94,7 +100,9 @@
       await cleanup
       if (!alive || epoch !== currentEpoch || !active) return
       const skills = await ports.skills?.list()
-      const builtin = skills?.find((skill) => skill.origin === 'builtin' && skill.name === 'skill-creator')
+      const builtin = skills?.find(
+        (skill) => skill.origin === 'builtin' && skill.name === 'skill-creator',
+      )
       if (!builtin || !ports.skills)
         throw new KitClientError({ code: 'needs_config', message: 'skill-creator unavailable' })
       const full = await ports.skills.get(builtin.id)
@@ -158,7 +166,8 @@
     const currentEpoch = epoch
     const controller = new AbortController()
     operation = controller
-    const current = (): boolean => alive && epoch === currentEpoch && session === id && !controller.signal.aborted
+    const current = (): boolean =>
+      alive && epoch === currentEpoch && session === id && !controller.signal.aborted
     const turnId = ++nextTurn
     turns.push({ id: turnId, input: input.trim(), text: '', tools: [], status: 'running' })
     // The pushed literal is wrapped by the $state proxy; mutate the proxied entry.
@@ -170,7 +179,8 @@
     let ended = false
     const receive = (event: RunEvent): void => {
       if (!current() || ended) return
-      const tool = (callId: string): ToolItem | undefined => turn.tools.find((item) => item.callId === callId)
+      const tool = (callId: string): ToolItem | undefined =>
+        turn.tools.find((item) => item.callId === callId)
       switch (event.kind) {
         case 'text_delta':
           turn.text += event.text
@@ -202,19 +212,25 @@
         }
         case 'tool_result': {
           const item = tool(event.callId)
-          if (item) Object.assign(item, { pending: null, outcome: event.outcome, summary: event.summary })
+          if (item)
+            Object.assign(item, { pending: null, outcome: event.outcome, summary: event.summary })
           break
         }
         case 'end':
           ended = true
           finish(turn, event.status)
           if (event.status === 'failed')
-            error = errorText(t, new KitClientError(event.error ?? { code: 'internal', message: '' }))
+            error = errorText(
+              t,
+              new KitClientError(event.error ?? { code: 'internal', message: '' }),
+            )
           break
       }
     }
     try {
-      const accepted = await authoring.send(id, turn.input, model, receive, { signal: controller.signal })
+      const accepted = await authoring.send(id, turn.input, model, receive, {
+        signal: controller.signal,
+      })
       if (!current()) {
         if (!ended) await authoring.cancel(id, accepted.runId).catch(report)
         if (alive && epoch === currentEpoch && session === id && controller.signal.aborted) {
@@ -233,7 +249,15 @@
     }
   }
   async function approve(tool: ToolItem, allow: boolean): Promise<void> {
-    if (!authoring || !session || !runId || !running || tool.pending === null || answering.includes(tool.callId)) return
+    if (
+      !authoring ||
+      !session ||
+      !runId ||
+      !running ||
+      tool.pending === null ||
+      answering.includes(tool.callId)
+    )
+      return
     const id = session
     const run = runId
     const currentEpoch = epoch
@@ -244,7 +268,8 @@
     } catch (cause) {
       if (alive && epoch === currentEpoch && runId === run) error = errorText(t, cause)
     } finally {
-      if (alive && epoch === currentEpoch) answering = answering.filter((callId) => callId !== tool.callId)
+      if (alive && epoch === currentEpoch)
+        answering = answering.filter((callId) => callId !== tool.callId)
     }
   }
   async function stop(): Promise<void> {
@@ -277,7 +302,8 @@
     error = null
     try {
       const prepared = await authoring.prepare(id, { signal: controller.signal })
-      if (alive && epoch === currentEpoch && session === id && !controller.signal.aborted) await onprepared(prepared)
+      if (alive && epoch === currentEpoch && session === id && !controller.signal.aborted)
+        await onprepared(prepared)
     } catch (cause) {
       if (alive && epoch === currentEpoch) error = errorText(t, cause)
     } finally {
@@ -305,7 +331,9 @@
       {#if !session}
         <p class="text-sm">{t('skills.add.creator_review')}</p>
         {#if creator}
-          <Button disabled={loading} onclick={() => (creatorReview = true)}>{t('skills.add.review_creator')}</Button>
+          <Button disabled={loading} onclick={() => (creatorReview = true)}
+            >{t('skills.add.review_creator')}</Button
+          >
         {/if}
       {:else}
         <Field.Group>
@@ -332,33 +360,54 @@
                     </fieldset>
                   {:else}<ToolCallItem {tool} />{/if}
                 {/each}
-                {#if turn.status === 'running'}<p role="status" class="text-muted-foreground text-xs">
+                {#if turn.status === 'running'}<p
+                    role="status"
+                    class="text-muted-foreground text-xs"
+                  >
                     {t('skills.add.working')}
                   </p>{/if}
-                {#if turn.status === 'cancelled'}<p role="status" class="text-muted-foreground text-xs">
+                {#if turn.status === 'cancelled'}<p
+                    role="status"
+                    class="text-muted-foreground text-xs"
+                  >
                     {t('chat.stopped')}
                   </p>{/if}
               </li>
             {/each}
           </ol>
           <Field.Field>
-            <Field.Label for="skill-authoring-message">{t('skills.add.authoring_input')}</Field.Label>
-            <Textarea id="skill-authoring-message" bind:value={input} disabled={running || loading} rows={3} />
+            <Field.Label for="skill-authoring-message"
+              >{t('skills.add.authoring_input')}</Field.Label
+            >
+            <Textarea
+              id="skill-authoring-message"
+              bind:value={input}
+              disabled={running || loading}
+              rows={3}
+            />
           </Field.Field>
           <div class="flex flex-wrap gap-2">
             <Button disabled={running || loading || !input.trim()} onclick={() => void send()}
               ><Bot data-icon="inline-start" />{t('chat.send')}</Button
             >
-            {#if running}<Button variant="outline" onclick={() => void stop()}>{t('chat.stop')}</Button>{/if}
-            <Button variant="outline" disabled={running || loading || turns.length === 0} onclick={() => void prepare()}
-              >{t('skills.add.preview_artifact')}</Button
+            {#if running}<Button variant="outline" onclick={() => void stop()}
+                >{t('chat.stop')}</Button
+              >{/if}
+            <Button
+              variant="outline"
+              disabled={running || loading || turns.length === 0}
+              onclick={() => void prepare()}>{t('skills.add.preview_artifact')}</Button
             >
           </div>
         </Field.Group>
       {/if}
-      {#if loading}<p role="status" class="text-muted-foreground text-sm">{t('skills.add.working')}</p>{/if}
+      {#if loading}<p role="status" class="text-muted-foreground text-sm">
+          {t('skills.add.working')}
+        </p>{/if}
     </div>
-    <Dialog.Footer><Button variant="outline" onclick={onclose}>{t('common.cancel')}</Button></Dialog.Footer>
+    <Dialog.Footer
+      ><Button variant="outline" onclick={onclose}>{t('common.cancel')}</Button></Dialog.Footer
+    >
   </Dialog.Content>
 </Dialog.Root>
 

package/src/skills/SkillEditor.svelte

@@ -62,7 +62,9 @@
 <Dialog.Root bind:open>
   <Dialog.Content class="flex max-h-[85vh] flex-col sm:max-w-2xl">
     <Dialog.Header>
-      <Dialog.Title>{skill ? t('skills.edit_title', { name: skill.name }) : t('skills.new')}</Dialog.Title>
+      <Dialog.Title
+        >{skill ? t('skills.edit_title', { name: skill.name }) : t('skills.new')}</Dialog.Title
+      >
     </Dialog.Header>
     <Field.Group class="min-h-0 overflow-y-auto">
       <div class="flex gap-3">
@@ -72,7 +74,12 @@
         </Field.Field>
         <Field.Field class="w-32">
           <Field.Label for="kit-skill-version">{t('skills.version')}</Field.Label>
-          <Input id="kit-skill-version" maxlength={32} placeholder={t('skills.unversioned')} bind:value={version} />
+          <Input
+            id="kit-skill-version"
+            maxlength={32}
+            placeholder={t('skills.unversioned')}
+            bind:value={version}
+          />
         </Field.Field>
       </div>
       <Field.Field>
@@ -86,7 +93,10 @@
     </Field.Group>
     <Dialog.Footer>
       <Button variant="outline" onclick={() => (open = false)}>{t('common.cancel')}</Button>
-      <Button disabled={saving || !name.trim() || !description.trim() || !body.trim()} onclick={() => void save()}>
+      <Button
+        disabled={saving || !name.trim() || !description.trim() || !body.trim()}
+        onclick={() => void save()}
+      >
         {t('skills.save')}
       </Button>
     </Dialog.Footer>

package/src/skills/SkillPreviewDialog.svelte

@@ -8,7 +8,10 @@
   import type { Preview, PreviewCurrent } from '../ports'
 
   /** What both a Preview and a stored SkillDto carry. */
-  type SkillText = Pick<Preview, 'name' | 'description' | 'version' | 'body' | 'license' | 'extra' | 'files'>
+  type SkillText = Pick<
+    Preview,
+    'name' | 'description' | 'version' | 'body' | 'license' | 'extra' | 'files'
+  >
 
   let {
     open = $bindable(false),
@@ -82,14 +85,19 @@
         </Alert.Root>
       {/if}
       {#if files.length > 0}
-        <section class="flex flex-col gap-1 text-xs" aria-label={t('skills.files', { count: files.length })}>
+        <section
+          class="flex flex-col gap-1 text-xs"
+          aria-label={t('skills.files', { count: files.length })}
+        >
           <h3 class="font-medium">{t('skills.files', { count: files.length })}</h3>
           <ul class="max-h-40 overflow-y-auto font-mono">
             {#each files as file (file.path)}
               <li class="flex gap-3">
                 <span class="min-w-0 flex-1 truncate">{file.path}</span>
                 <span class="text-muted-foreground">{t(`skills.file_kind.${file.kind}`)}</span>
-                <span class="text-muted-foreground">{t('skills.file_size', { size: file.size })}</span>
+                <span class="text-muted-foreground"
+                  >{t('skills.file_size', { size: file.size })}</span
+                >
               </li>
             {/each}
           </ul>
@@ -106,14 +114,20 @@
       {#if onconfirm && current}
         <label class="flex items-center gap-2 text-sm">
           <input type="checkbox" class="accent-primary" bind:checked={replace} />
-          {t('skills.replace', { version: current.version ?? t('skills.unversioned'), revision: current.revision })}
+          {t('skills.replace', {
+            version: current.version ?? t('skills.unversioned'),
+            revision: current.revision,
+          })}
         </label>
       {/if}
     {/if}
     <Dialog.Footer>
       <Button variant="outline" onclick={() => (open = false)}>{t('common.cancel')}</Button>
       {#if onconfirm}
-        <Button disabled={busy || !skill || (current !== null && !replace)} onclick={() => onconfirm(replace)}>
+        <Button
+          disabled={busy || !skill || (current !== null && !replace)}
+          onclick={() => onconfirm(replace)}
+        >
           {confirmLabel ?? t('skills.install')}
         </Button>
       {/if}

package/src/skills/SkillsSettings.svelte

@@ -92,12 +92,16 @@
               <span class="flex min-w-0 items-center gap-2">
                 <span class="truncate font-mono text-sm">{skill.name}</span>
                 {#if skill.hasScripts}
-                  <span class="shrink-0 rounded border px-1.5 text-xs">{t('skills.has_scripts')}</span>
+                  <span class="shrink-0 rounded border px-1.5 text-xs"
+                    >{t('skills.has_scripts')}</span
+                  >
                 {/if}
               </span>
               <span class="text-muted-foreground truncate text-xs">
                 {skill.version ?? t('skills.unversioned')} · {t(`skills.origin.${skill.origin}`)} ·
-                {t('skills.revision', { revision: skill.revision })} · {t('skills.chars', { count: skill.bodyChars })}
+                {t('skills.revision', { revision: skill.revision })} · {t('skills.chars', {
+                  count: skill.bodyChars,
+                })}
                 {#if skill.fileCount > 0}· {t('skills.file_count', { count: skill.fileCount })}{/if}
               </span>
             </div>
@@ -126,8 +130,11 @@
               <Button size="sm" variant="outline" disabled={busy} onclick={() => edit(skill.id)}
                 >{t('skills.edit')}</Button
               >
-              <Button size="sm" variant="destructive" disabled={busy} onclick={() => void remove(skill)}
-                >{t('skills.delete')}</Button
+              <Button
+                size="sm"
+                variant="destructive"
+                disabled={busy}
+                onclick={() => void remove(skill)}>{t('skills.delete')}</Button
               >
             {/if}
           </li>

package/src/skills/test-support/skills-fixture.ts

@@ -0,0 +1,139 @@
+import { render, screen, fireEvent } from '@testing-library/svelte'
+import { createI18n } from '../../i18n'
+import {
+  createFakePorts,
+  type FakePortsOptions,
+  type Preview,
+  type RunEvent,
+  type SkillAuthoringPort,
+  type SkillDto,
+  type SkillMeta,
+  type Source,
+} from '../../ports'
+import { vi } from 'vitest'
+import Harness from '../Harness.test.svelte'
+
+export const meta = (
+  revision: number,
+  files: Pick<SkillMeta, 'hasScripts' | 'fileCount'> = { hasScripts: false, fileCount: 0 },
+): SkillMeta => ({
+  id: 's1',
+  name: 'writer',
+  description: 'Writes',
+  version: null,
+  origin: 'imported',
+  revision,
+  bodyChars: 4,
+  updatedAt: 0,
+  ...files,
+})
+
+export const preview = (body: string): Preview => ({
+  digest: `d-${body}`,
+  name: 'writer',
+  description: 'Writes',
+  version: '1.0.0',
+  body,
+  license: null,
+  extra: {},
+  files: [],
+  action: 'install',
+  current: null,
+})
+
+export function mount(options: FakePortsOptions, skills?: { id: string; revision: number }[]) {
+  const ports = createFakePorts({
+    providers: {
+      modelOptions: () =>
+        Promise.resolve([
+          {
+            endpointId: 'e1',
+            modelId: 'm1',
+            label: 'm1',
+            name: null,
+            modelType: 'chat',
+            supportsTools: null,
+            reasoning: null,
+            nativeWebSearch: false,
+            canVision: false,
+          },
+        ]),
+    },
+    ...options,
+  })
+  const notify = { toast: vi.fn(), confirm: () => Promise.resolve(true) }
+  const logger = { debug: vi.fn(), info: vi.fn(), warn: vi.fn(), error: vi.fn() }
+  const view = render(Harness, {
+    kit: { ports, i18n: createI18n('en'), notify, logger },
+    ...(skills ? { skills } : {}),
+  })
+  return { ...notify, unmount: view.unmount }
+}
+
+export async function addFrom(name: string) {
+  await fireEvent.click(screen.getByRole('button', { name: 'Add skill' }))
+  await fireEvent.click(await screen.findByRole('menuitem', { name }))
+}
+
+export async function selectAuthoringModel() {
+  await fireEvent.click(await screen.findByLabelText('Select a model'))
+  await fireEvent.click(await screen.findByRole('option', { name: /m1/ }))
+}
+
+export const creator: SkillDto = {
+  ...meta(1),
+  id: 'builtin-creator',
+  name: 'skill-creator',
+  origin: 'builtin',
+  body: 'Complete creator instructions: capture intent, draft, evaluate, improve, package.',
+  license: null,
+  extra: {},
+  files: [{ path: 'scripts/quick_validate.py', kind: 'script', size: 10 }],
+}
+
+export function authoring(overrides: Partial<SkillAuthoringPort> = {}): SkillAuthoringPort {
+  return {
+    create: vi.fn(async () => 'authoring-1'),
+    send: vi.fn<SkillAuthoringPort['send']>(async (_session, _input, _model, emit) => {
+      emit({ kind: 'end', status: 'completed' })
+      return { runId: 'authoring-run', conversationId: null, turnId: null }
+    }),
+    approve: vi.fn(async () => {}),
+    cancel: vi.fn(async () => {}),
+    prepare: vi.fn(async () => ({
+      source: { bytes: { fileName: 'writer.zip', bytes: [1] } },
+      origin: 'Authoring workspace',
+    })),
+    close: vi.fn(async () => {}),
+    ...overrides,
+  }
+}
+
+export function mountAuthoring(api: SkillAuthoringPort, options: FakePortsOptions = {}) {
+  return mount({
+    ...options,
+    skillSources: { ...options.skillSources, authoring: api },
+    skills: {
+      list: async () => [creator],
+      get: async () => creator,
+      ...options.skills,
+    },
+  })
+}
+
+export async function startAuthoring() {
+  await addFrom('Create with Agent')
+  await fireEvent.click(await screen.findByRole('button', { name: 'Review skill-creator' }))
+  await screen.findByText(creator.body)
+  await fireEvent.click(screen.getByRole('button', { name: 'Confirm skill-creator and start' }))
+  await screen.findByLabelText('Message to the skill creation assistant')
+}
+
+export async function authorMessage(text: string) {
+  await fireEvent.input(screen.getByLabelText('Message to the skill creation assistant'), {
+    target: { value: text },
+  })
+  await fireEvent.click(screen.getByRole('button', { name: /^Send$/ }))
+}
+
+export type { Preview, RunEvent, SkillAuthoringPort, Source }

package/src/tauri/index.ts

@@ -39,7 +39,9 @@ async function call<T>(command: string, args: Record<string, unknown> = {}): Pro
       error !== null &&
       typeof (error as Partial<KitError>).code === 'string' &&
       typeof (error as Partial<KitError>).message === 'string'
-    throw new KitClientError(isKitError ? (error as KitError) : { code: 'internal', message: String(error) })
+    throw new KitClientError(
+      isKitError ? (error as KitError) : { code: 'internal', message: String(error) },
+    )
   }
 }
 
@@ -103,14 +105,19 @@ export function createTauriPorts(
     const search: SearchPort = {
       settings: (capability, o) => searchCall('search_settings', { capability }, o),
       save: (input, o) => searchCall('search_save', { input }, o),
-      setDefault: (capability, provider, o) => searchCall('search_set_default', { capability, provider }, o),
+      setDefault: (capability, provider, o) =>
+        searchCall('search_set_default', { capability, provider }, o),
       savePreferences: (input, o) => searchCall('search_save_preferences', { input }, o),
       saveKey: (capability, provider, value, keyId, o) =>
         searchCall('search_save_key', { capability, provider, value, keyId: keyId ?? null }, o),
       removeKey: (capability, provider, keyId, o) =>
         searchCall('search_remove_key', { capability, provider, keyId }, o),
       reveal: (capability, provider, keyId, currentPassword, o) =>
-        searchCall('search_reveal', { capability, provider, keyId, currentPassword: currentPassword ?? null }, o),
+        searchCall(
+          'search_reveal',
+          { capability, provider, keyId, currentPassword: currentPassword ?? null },
+          o,
+        ),
       check: (capability, provider, o) => searchCall('search_check', { capability, provider }, o),
       search: (query, o) => searchCall('search_query', { query }, o),
       fetch: (url, o) => searchCall('search_fetch', { url }, o),
@@ -183,7 +190,8 @@ export function createTauriPorts(
       get: (id) => call('skills_get', { id }),
       save: (input) => call('skills_save', { input }),
       preview: (source) => call('skills_preview', { source }),
-      install: (source, confirmedDigest, replace) => call('skills_install', { source, confirmedDigest, replace }),
+      install: (source, confirmedDigest, replace) =>
+        call('skills_install', { source, confirmedDigest, replace }),
       duplicate: (id, newName) => call('skills_duplicate', { id, newName }),
       reorder: (ids) => call('skills_reorder', { ids }),
       remove: (id) => call('skills_delete', { id }),
@@ -218,7 +226,9 @@ export function createTauriPorts(
           let ended = false
           const cancel = () => {
             if (accepted && !ended)
-              void call('skills_authoring_cancel', { sessionId, runId: accepted.runId }).catch(() => undefined)
+              void call('skills_authoring_cancel', { sessionId, runId: accepted.runId }).catch(
+                () => undefined,
+              )
           }
           signal?.addEventListener('abort', cancel, { once: true })
           const channel = new Channel<RunEvent>((event) => {
@@ -230,7 +240,12 @@ export function createTauriPorts(
             onEvent(event)
           })
           try {
-            accepted = await call<RunAccepted>('skills_authoring_send', { sessionId, input, model, onEvent: channel })
+            accepted = await call<RunAccepted>('skills_authoring_send', {
+              sessionId,
+              input,
+              model,
+              onEvent: channel,
+            })
             if (signal?.aborted) cancel()
             return accepted
           } catch (error) {
@@ -245,7 +260,8 @@ export function createTauriPorts(
         cancel: async (sessionId, runId) => {
           await call('skills_authoring_cancel', { sessionId, runId })
         },
-        prepare: (sessionId, o) => sourceCall<PreparedSkill>('skills_authoring_prepare', { sessionId }, o),
+        prepare: (sessionId, o) =>
+          sourceCall<PreparedSkill>('skills_authoring_prepare', { sessionId }, o),
         close: async (sessionId) => {
           await call('skills_authoring_close', { sessionId })
         },