@protoyard/ai-ui 0.0.0-stage → 1.1.0

package/dist/types.d.ts

@@ -0,0 +1,25 @@
+import type { AiMessage, AiModel } from '@protoyard/ai';
+export interface AssistantConversation {
+    id: string;
+    title: string;
+    updatedAt: string;
+    pinned?: boolean;
+    folder?: string;
+}
+export interface AssistantMessage extends AiMessage {
+    feedback?: FeedbackRating;
+    branchIndex?: number;
+    branchCount?: number;
+}
+export type FeedbackRating = 'up' | 'down';
+export interface AssistantCanvas {
+    title: string;
+    content: string;
+    language?: string;
+    kind?: 'code' | 'document';
+}
+export interface AssistantSendInput {
+    prompt: string;
+    model: AiModel;
+    attachments: readonly File[];
+}

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/dist/voice/VoiceMode.svelte

@@ -0,0 +1,230 @@
+<script lang="ts">
+import type { AiClock } from '@protoyard/ai';
+import {
+  createVoiceSession,
+  type VoiceMode as VoiceModeType,
+  type VoiceState,
+} from '@protoyard/ai/voice';
+import { onDestroy, onMount } from 'svelte';
+import { Badge } from 'texuli/badge';
+import { Button } from 'texuli/button';
+
+interface Props {
+  clock: AiClock;
+  transcripts?: readonly string[];
+  reply?: string;
+  transcriptDelayMs?: number;
+  handsFreeIntervalMs?: number;
+  showMicLevelMeter?: boolean;
+  onTranscript?: (transcript: string) => void;
+}
+
+const DEFAULT_TRANSCRIPTS = [
+  'Summarize the latest project update.',
+  'What should I focus on next?',
+  'Draft a short response for the team.',
+];
+
+let {
+  clock,
+  transcripts = DEFAULT_TRANSCRIPTS,
+  reply = '',
+  transcriptDelayMs,
+  handsFreeIntervalMs,
+  showMicLevelMeter = false,
+  onTranscript,
+}: Props = $props();
+
+let voiceState = $state<VoiceState>('idle');
+let mode = $state<VoiceModeType>('push-to-talk');
+let transcript = $state('');
+let speechAvailable = $state(false);
+let micLevel = $state(0);
+let micEnabled = $state(false);
+let micError = $state('');
+let micPending = $state(false);
+let mediaStream: MediaStream | null = null;
+let audioContext: AudioContext | null = null;
+let animationFrame = 0;
+let utterance: SpeechSynthesisUtterance | null = null;
+let lastSpokenReply = '';
+/** Set in onDestroy so a late getUserMedia resolve cannot leak a stream. */
+let destroyed = false;
+
+const session = $derived.by(() =>
+  createVoiceSession({
+    clock,
+    transcripts,
+    ...(transcriptDelayMs !== undefined ? { transcriptDelayMs } : {}),
+    ...(handsFreeIntervalMs !== undefined ? { handsFreeIntervalMs } : {}),
+    onTranscript: (value) => {
+      transcript = value;
+      onTranscript?.(value);
+    },
+    onStateChange: (state) => (voiceState = state),
+  })
+);
+
+$effect(() => {
+  const currentSession = session;
+  return () => currentSession.stop();
+});
+
+onMount(() => {
+  speechAvailable =
+    typeof window !== 'undefined' &&
+    'speechSynthesis' in window &&
+    'SpeechSynthesisUtterance' in window;
+});
+
+$effect(() => {
+  const value = reply.trim();
+  if (!value || value === lastSpokenReply || !speechAvailable) return;
+  lastSpokenReply = value;
+  window.speechSynthesis.cancel();
+  session.startSpeaking();
+  utterance = new SpeechSynthesisUtterance(value);
+  utterance.onend = () => session.finishSpeaking();
+  utterance.onerror = () => session.finishSpeaking();
+  window.speechSynthesis.speak(utterance);
+});
+
+function chooseMode(nextMode: VoiceModeType): void {
+  mode = nextMode;
+  session.stop();
+  if (nextMode === 'hands-free') session.start('hands-free');
+}
+
+function togglePushToTalk(): void {
+  if (voiceState === 'listening') {
+    void session.finishListening();
+  } else {
+    mode = 'push-to-talk';
+    session.start('push-to-talk');
+  }
+}
+
+function interrupt(): void {
+  session.interrupt();
+  if (speechAvailable) window.speechSynthesis.cancel();
+  utterance = null;
+}
+
+async function toggleMicMeter(): Promise<void> {
+  micError = '';
+  if (micEnabled || micPending) {
+    if (micEnabled) stopMicMeter();
+    return;
+  }
+  if (!navigator.mediaDevices?.getUserMedia || typeof AudioContext === 'undefined') {
+    micError = 'A local microphone level meter is unavailable in this browser.';
+    return;
+  }
+  micPending = true;
+  try {
+    const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+    if (destroyed || !micPending) {
+      stream.getTracks().forEach((track) => {
+        track.stop();
+      });
+      return;
+    }
+    mediaStream = stream;
+    audioContext = new AudioContext();
+    const source = audioContext.createMediaStreamSource(mediaStream);
+    const analyser = audioContext.createAnalyser();
+    analyser.fftSize = 256;
+    source.connect(analyser);
+    const samples = new Uint8Array(analyser.fftSize);
+    micEnabled = true;
+    const sampleLevel = () => {
+      if (!audioContext || !micEnabled || destroyed) return;
+      analyser.getByteTimeDomainData(samples);
+      let squareSum = 0;
+      for (const sample of samples) {
+        const centered = (sample - 128) / 128;
+        squareSum += centered * centered;
+      }
+      micLevel = Math.min(1, Math.sqrt(squareSum / samples.length) * 3);
+      animationFrame = requestAnimationFrame(sampleLevel);
+    };
+    sampleLevel();
+  } catch {
+    stopMicMeter();
+    if (!destroyed) {
+      micError = 'Microphone access was not enabled. Voice simulation still works with captions.';
+    }
+  } finally {
+    micPending = false;
+  }
+}
+
+function stopMicMeter(): void {
+  cancelAnimationFrame(animationFrame);
+  mediaStream?.getTracks().forEach((track) => {
+    track.stop();
+  });
+  mediaStream = null;
+  if (audioContext && audioContext.state !== 'closed') void audioContext.close();
+  audioContext = null;
+  micEnabled = false;
+  micLevel = 0;
+}
+
+onDestroy(() => {
+  destroyed = true;
+  micPending = false;
+  session.stop();
+  if (speechAvailable) window.speechSynthesis.cancel();
+  stopMicMeter();
+});
+</script>
+
+<section class="voice-panel rounded-2xl border border-border bg-surface p-5 text-foreground" aria-label="Simulated voice chat">
+  <div class="flex items-center justify-center py-4">
+    <div class={`voice-orb ${voiceState}`} aria-hidden="true">
+      <span></span><span></span><span></span><span></span><span></span>
+    </div>
+  </div>
+  <p class="text-center text-sm font-medium">Voice chat <Badge variant="outline" class="ml-1">Simulated</Badge></p>
+  <p class="mt-1 text-center text-xs text-muted-foreground">Transcripts are scripted and timed by the simulated clock. No audio is recorded or sent.</p>
+
+  <div class="mt-4 flex justify-center gap-2" role="group" aria-label="Voice mode">
+    <Button size="sm" variant={mode === 'push-to-talk' ? 'secondary' : 'outline'} aria-pressed={mode === 'push-to-talk'} onclick={() => chooseMode('push-to-talk')}>Push to talk</Button>
+    <Button size="sm" variant={mode === 'hands-free' ? 'secondary' : 'outline'} aria-pressed={mode === 'hands-free'} onclick={() => chooseMode(mode === 'hands-free' ? 'push-to-talk' : 'hands-free')}>{mode === 'hands-free' ? 'Stop hands-free' : 'Hands-free'}</Button>
+  </div>
+  {#if mode === 'push-to-talk'}
+    <div class="mt-3 flex justify-center">
+      <Button size="lg" class="rounded-full" aria-pressed={voiceState === 'listening' || voiceState === 'transcribing'} onclick={togglePushToTalk} disabled={voiceState === 'transcribing'}>{voiceState === 'listening' ? 'Finish and transcribe' : 'Start push to talk'}</Button>
+    </div>
+  {/if}
+  {#if voiceState === 'interrupted'}
+    <div class="mt-3 flex justify-center"><Button size="sm" variant="ghost" onclick={() => session.start(mode)}>Resume voice mode</Button></div>
+  {:else if voiceState !== 'idle'}
+    <p class="mt-3 text-center text-xs text-muted-foreground" role="status">{voiceState === 'listening' ? (mode === 'hands-free' ? 'Listening for the next scripted turn…' : 'Listening…') : voiceState === 'transcribing' ? 'Preparing caption…' : 'Speaking simulated reply…'}</p>
+  {/if}
+
+  {#if transcript}<p class="mt-4 rounded-xl bg-background p-3 text-sm" aria-live="polite"><span class="mb-1 block text-[0.65rem] font-medium uppercase tracking-wide text-muted-foreground">You said · simulated caption</span>{transcript}</p>{/if}
+  {#if reply}<p class="mt-2 rounded-xl border border-border p-3 text-sm" aria-live="polite"><span class="mb-1 block text-[0.65rem] font-medium uppercase tracking-wide text-muted-foreground">Assistant · simulated caption</span>{reply}</p>{/if}
+  {#if !speechAvailable}<p class="mt-2 text-center text-xs text-muted-foreground">Speech output is muted in this browser; captions remain available.</p>{/if}
+  {#if showMicLevelMeter}
+    <div class="mt-4 border-t border-border pt-3">
+      <Button size="sm" variant="ghost" aria-pressed={micEnabled} autoLoading={false} loading={micPending} onclick={() => void toggleMicMeter()}>{micEnabled ? 'Disable local mic level meter' : micPending ? 'Waiting for microphone…' : 'Enable local mic level meter'}</Button>
+      {#if micEnabled}<div class="mt-2 h-2 overflow-hidden rounded-full bg-muted" role="meter" aria-label="Local microphone amplitude" aria-valuemin="0" aria-valuemax="100" aria-valuenow={Math.round(micLevel * 100)}><div class="h-full bg-primary transition-[width]" style={`width:${micLevel * 100}%`}></div></div><p class="mt-1 text-[0.65rem] text-muted-foreground">Amplitude only. Audio is not recorded or uploaded.</p>{/if}
+      {#if micError}<p class="mt-2 text-xs text-destructive" role="alert">{micError}</p>{/if}
+    </div>
+  {/if}
+  <div class="mt-3 flex justify-center"><Button size="sm" variant="ghost" onclick={interrupt} disabled={voiceState === 'idle' || voiceState === 'interrupted'}>Interrupt voice</Button></div>
+</section>
+
+<style>
+  .voice-orb { display: flex; width: 7rem; height: 7rem; align-items: center; justify-content: center; gap: 0.22rem; border: 1px solid color-mix(in srgb, currentColor 18%, transparent); border-radius: 50%; color: var(--color-primary); background: radial-gradient(circle at 35% 30%, color-mix(in srgb, currentColor 24%, transparent), transparent 68%); box-shadow: 0 0 2.5rem color-mix(in srgb, currentColor 18%, transparent); }
+  .voice-orb span { width: 0.22rem; height: 0.65rem; border-radius: 1rem; background: currentColor; opacity: 0.45; transform: scaleY(0.65); }
+  .voice-orb.listening span, .voice-orb.transcribing span, .voice-orb.speaking span { animation: voice-wave 0.9s ease-in-out infinite alternate; opacity: 0.9; }
+  .voice-orb span:nth-child(2), .voice-orb span:nth-child(4) { animation-delay: 0.12s; }
+  .voice-orb span:nth-child(3) { animation-delay: 0.24s; }
+  .voice-orb.interrupted { color: var(--color-destructive); box-shadow: none; }
+  @keyframes voice-wave { to { transform: scaleY(1.8); } }
+  @media (prefers-reduced-motion: reduce) { .voice-orb span { animation: none !important; } }
+  :global([data-py-motion='reduce']) .voice-orb span { animation: none !important; }
+</style>

package/dist/voice/VoiceMode.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { AiClock } from '@protoyard/ai';
+interface Props {
+    clock: AiClock;
+    transcripts?: readonly string[];
+    reply?: string;
+    transcriptDelayMs?: number;
+    handsFreeIntervalMs?: number;
+    showMicLevelMeter?: boolean;
+    onTranscript?: (transcript: string) => void;
+}
+declare const VoiceMode: import("svelte").Component<Props, {}, "">;
+type VoiceMode = ReturnType<typeof VoiceMode>;
+export default VoiceMode;

package/dist/voice/index.d.ts

@@ -0,0 +1 @@
+export { default as VoiceMode } from './VoiceMode.svelte';

package/dist/voice/index.js

@@ -0,0 +1 @@
+export { default as VoiceMode } from './VoiceMode.svelte';

package/dist/widget/AssistantWidget.svelte

@@ -0,0 +1,167 @@
+<script lang="ts">
+import { MessageCircle } from '@lucide/svelte';
+import type { Component } from 'svelte';
+import { onMount, tick } from 'svelte';
+import { Button, IconButton } from 'texuli/button';
+import { LucideIcon } from 'texuli/icons/lucide';
+import type { AssistantWidgetMode, AssistantWidgetProps } from './types.js';
+
+const MODE_KEY_PREFIX = 'protoyard:ai-widget-mode:';
+const VALID_MODES = new Set<AssistantWidgetMode>(['launcher', 'sidebar', 'fullscreen']);
+
+let { prototypeId, ...workspaceProps }: AssistantWidgetProps = $props();
+let mode = $state<AssistantWidgetMode>('launcher');
+let hasOpened = $state(false);
+let Panel = $state<Component<AssistantWidgetProps> | null>(null);
+let root = $state<HTMLDivElement | null>(null);
+let panel = $state<HTMLDivElement | null>(null);
+
+function getStorageKey(): string {
+  return `${MODE_KEY_PREFIX}${encodeURIComponent(prototypeId)}`;
+}
+
+onMount(() => {
+  try {
+    const savedMode = window.localStorage.getItem(getStorageKey());
+    if (savedMode && VALID_MODES.has(savedMode as AssistantWidgetMode)) {
+      mode = savedMode as AssistantWidgetMode;
+      hasOpened = mode !== 'launcher';
+      if (hasOpened) void loadPanel();
+    }
+  } catch {
+    // Storage may be disabled; the widget remains usable for this session.
+  }
+});
+
+async function loadPanel(): Promise<void> {
+  if (Panel) return;
+  const loaded = await import('./AssistantWidgetPanel.svelte');
+  Panel = loaded.default;
+}
+
+async function setMode(next: AssistantWidgetMode): Promise<void> {
+  mode = next;
+  if (next !== 'launcher') {
+    hasOpened = true;
+    await loadPanel();
+  }
+  try {
+    window.localStorage.setItem(getStorageKey(), next);
+  } catch {
+    // Keep the selected mode in memory when storage is unavailable.
+  }
+  if (next === 'fullscreen') {
+    requestAnimationFrame(() => panel?.querySelector<HTMLElement>('[data-widget-close]')?.focus());
+  } else if (next === 'launcher') {
+    requestAnimationFrame(() =>
+      root?.querySelector<HTMLButtonElement>('[data-widget-launcher]')?.focus()
+    );
+  }
+}
+
+async function openSidebar(): Promise<void> {
+  if (!hasOpened) {
+    hasOpened = true;
+    await loadPanel();
+    await tick();
+    await new Promise<void>((resolve) => requestAnimationFrame(() => resolve()));
+  }
+  await setMode('sidebar');
+}
+
+function collapse(): void {
+  if (mode === 'fullscreen') void setMode('sidebar');
+  else if (mode === 'sidebar') void setMode('launcher');
+}
+
+function handleWindowKeydown(event: KeyboardEvent): void {
+  if (event.key !== 'Escape' || !root?.contains(event.target as Node)) return;
+  if (mode !== 'launcher') {
+    event.preventDefault();
+    event.stopPropagation();
+    collapse();
+  }
+}
+
+function trapFullscreenFocus(event: KeyboardEvent): void {
+  if (mode !== 'fullscreen' || event.key !== 'Tab' || !panel) return;
+  const focusable = Array.from(
+    panel.querySelectorAll<HTMLElement>(
+      'a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])'
+    )
+  ).filter(
+    (element) =>
+      element.getClientRects().length > 0 &&
+      window.getComputedStyle(element).visibility !== 'hidden'
+  );
+  const first = focusable[0];
+  const last = focusable.at(-1);
+  if (!first || !last) {
+    event.preventDefault();
+    panel.focus();
+  } else if (event.shiftKey && document.activeElement === first) {
+    event.preventDefault();
+    last.focus();
+  } else if (!event.shiftKey && document.activeElement === last) {
+    event.preventDefault();
+    first.focus();
+  }
+}
+</script>
+
+<svelte:window onkeydown={handleWindowKeydown} />
+
+<div bind:this={root} class="pointer-events-none absolute inset-0 z-40" data-ai-widget data-widget-mode={mode}>
+  <IconButton
+    variant="default"
+    class={`pointer-events-auto absolute bottom-4 right-4 size-14 rounded-full shadow-lg transition-transform duration-200 hover:scale-105 ${mode !== 'launcher' ? 'scale-0 opacity-0' : ''}`}
+    label="Open simulated assistant"
+    aria-expanded={mode !== 'launcher'}
+    aria-hidden={mode !== 'launcher'}
+    aria-controls="ai-widget-panel"
+    tabindex={mode === 'launcher' ? 0 : -1}
+    data-widget-launcher
+    onclick={() => void openSidebar()}
+  >
+    <LucideIcon icon={MessageCircle} size="lg" />
+  </IconButton>
+
+  {#if hasOpened && Panel}
+    <div
+      bind:this={panel}
+      id="ai-widget-panel"
+      class="pointer-events-auto absolute inset-y-0 right-0 flex min-h-0 flex-col overflow-hidden border border-border bg-background shadow-2xl transition-[width,height,opacity,transform,border-radius] duration-300 ease-out motion-reduce:transition-none"
+      class:w-full={mode === 'fullscreen'}
+      class:h-full={mode !== 'launcher'}
+      class:w-[min(28rem,100%)]={mode === 'sidebar'}
+      class:translate-x-full={mode === 'launcher'}
+      class:opacity-0={mode === 'launcher'}
+      class:rounded-none={mode === 'fullscreen'}
+      class:rounded-l-2xl={mode === 'sidebar'}
+      aria-hidden={mode === 'launcher'}
+      aria-modal={mode === 'fullscreen' ? 'true' : undefined}
+      aria-label="Simulated assistant"
+      role="dialog"
+      tabindex="-1"
+      onkeydown={trapFullscreenFocus}
+      inert={mode === 'launcher'}
+      data-widget-panel
+      data-widget-fullscreen={mode === 'fullscreen' ? 'true' : 'false'}
+    >
+      <header class="flex min-h-14 shrink-0 items-center justify-between gap-2 border-b border-border bg-surface px-3">
+        <span class="truncate text-sm font-semibold">Simulated assistant</span>
+        <div class="flex items-center gap-1">
+          {#if mode === 'sidebar'}
+            <Button size="sm" variant="ghost" aria-label="Expand assistant to full screen" onclick={() => void setMode('fullscreen')}>Expand</Button>
+          {:else}
+            <Button size="sm" variant="ghost" aria-label="Restore assistant sidebar" onclick={() => void setMode('sidebar')}>Restore</Button>
+          {/if}
+          <Button data-widget-close size="sm" variant="ghost" aria-label={mode === 'fullscreen' ? 'Restore assistant sidebar' : 'Close assistant'} onclick={collapse}>{mode === 'fullscreen' ? 'Restore' : 'Close'}</Button>
+        </div>
+      </header>
+      <div class="min-h-0 flex-1 overflow-hidden p-2 sm:p-4">
+        <Panel {prototypeId} {...workspaceProps} />
+      </div>
+    </div>
+  {/if}
+</div>

package/dist/widget/AssistantWidget.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { Component } from 'svelte';
+import type { AssistantWidgetProps } from './types.ts';
+declare const AssistantWidget: Component<AssistantWidgetProps, {}, "">;
+type AssistantWidget = ReturnType<typeof AssistantWidget>;
+export default AssistantWidget;

package/dist/widget/AssistantWidgetPanel.svelte

@@ -0,0 +1,11 @@
+<script lang="ts">
+import AssistantWorkspace from '../components/AssistantWorkspace.svelte';
+import type { AssistantWidgetProps } from './types.js';
+
+let { prototypeId: _prototypeId, ...workspaceProps }: AssistantWidgetProps = $props();
+</script>
+
+<!-- The panel sets the height: the workspace's own 32rem minimum would overflow a short panel and clip the composer. -->
+<div class="h-full min-h-0 w-full *:min-h-0">
+  <AssistantWorkspace {...workspaceProps} />
+</div>

package/dist/widget/AssistantWidgetPanel.svelte.d.ts

@@ -0,0 +1,4 @@
+import type { AssistantWidgetProps } from './types.ts';
+declare const AssistantWidgetPanel: import("svelte").Component<AssistantWidgetProps, {}, "">;
+type AssistantWidgetPanel = ReturnType<typeof AssistantWidgetPanel>;
+export default AssistantWidgetPanel;

package/dist/widget/index.d.ts

@@ -0,0 +1,2 @@
+export { default as AssistantWidget } from './AssistantWidget.svelte';
+export type { AssistantWidgetMode, AssistantWidgetProps } from './types.ts';

package/dist/widget/index.js

@@ -0,0 +1 @@
+export { default as AssistantWidget } from './AssistantWidget.svelte';

package/dist/widget/types.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentProps } from 'svelte';
+import type AssistantWorkspace from '../components/AssistantWorkspace.svelte';
+export type AssistantWidgetMode = 'launcher' | 'sidebar' | 'fullscreen';
+export type AssistantWidgetProps = ComponentProps<typeof AssistantWorkspace> & {
+    /** Stable prototype slug used to isolate the saved display mode. */
+    prototypeId: string;
+};

package/dist/widget/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,100 @@
 {
   "name": "@protoyard/ai-ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "1.1.0",
+  "description": "Svelte 5 assistant interface components for simulated AI prototypes.",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": [
+    "**/*.css",
+    "**/*.svelte",
+    "dist/**/*.css",
+    "dist/**/*.svelte"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./approvals": {
+      "types": "./dist/approvals/index.d.ts",
+      "svelte": "./dist/approvals/index.js",
+      "default": "./dist/approvals/index.js"
+    },
+    "./messages": {
+      "types": "./dist/messages/index.d.ts",
+      "svelte": "./dist/messages/index.js",
+      "default": "./dist/messages/index.js"
+    },
+    "./voice": {
+      "types": "./dist/voice/index.d.ts",
+      "svelte": "./dist/voice/index.js",
+      "default": "./dist/voice/index.js"
+    },
+    "./widget": {
+      "types": "./dist/widget/index.d.ts",
+      "svelte": "./dist/widget/index.js",
+      "default": "./dist/widget/index.js"
+    },
+    "./styles.css": {
+      "types": "./dist/styles.css.d.ts",
+      "svelte": "./dist/styles.css",
+      "default": "./dist/styles.css"
+    }
+  },
+  "dependencies": {
+    "@lucide/svelte": "^1.61.0",
+    "@protoyard/ai": "1.1.0",
+    "@protoyard/charts-ui": "1.1.0",
+    "@texuli/chat": "0.12.0",
+    "texuli": "0.12.0"
+  },
+  "devDependencies": {
+    "axe-core": "^4.14.0",
+    "svelte": "^5.57.2"
+  },
+  "peerDependencies": {
+    "svelte": "^5.57.0"
+  },
+  "protoyard": {
+    "build": {
+      "assets": []
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "provenance": true,
+    "files": [
+      "dist",
+      "README.md",
+      "LICENSE"
+    ]
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/DailybotHQ/protoyard",
+    "directory": "packages/ai-ui"
+  },
+  "homepage": "https://protoyard.app",
+  "bugs": {
+    "url": "https://github.com/DailybotHQ/protoyard/issues"
+  },
+  "engines": {
+    "node": ">=24.20.0"
+  },
+  "keywords": [
+    "protoyard",
+    "svelte",
+    "ai",
+    "components"
+  ],
+  "scripts": {
+    "typecheck": "svelte-check --tsconfig ./tsconfig.json --threshold error"
+  },
+  "types": "./dist/index.d.ts"
 }