@classic-homes/agent-chat 0.0.0-stage → 0.1.1

package/dist/components/AgentChat.svelte

@@ -0,0 +1,188 @@
+<script lang="ts">
+  import type { AgentApiClient } from '@classic-homes/agent-client';
+  import type {
+    AgentKey,
+    ClientKind,
+    DocumentContext,
+    FileRef,
+  } from '@classic-homes/agent-contracts';
+  import type { BackendMode } from '@classic-homes/agent-contracts';
+  import { ChatSession } from '../session.svelte.js';
+  import ArtifactPanel from './ArtifactPanel.svelte';
+  import Composer from './Composer.svelte';
+  import MessageList from './MessageList.svelte';
+  import ModeBanner from './ModeBanner.svelte';
+
+  interface Props {
+    client: AgentApiClient;
+    /** Sandbox origin for artifacts and MCP-UI (agent-api `/frame`). */
+    sandboxOrigin: string;
+    conversationId?: string | null;
+    /** Backend mode from `/api/me`; shows the mock banner before any turn runs. */
+    mode?: BackendMode;
+    agent?: AgentKey;
+    clientKind?: ClientKind;
+    variant?: 'page' | 'panel';
+    getContext?: () => DocumentContext | null | undefined;
+    onconversationstarted?: (conversationId: string) => void;
+    ontoolresult?: (name: string, status: string) => void;
+    onnavigate?: (href: string) => void;
+    onnotify?: (message: string) => void;
+    /** A UI resource asked to run a tool; the host confirms with the user and may send a message. */
+    ontoolrequest?: (toolName: string, params?: Record<string, unknown>) => void;
+    placeholder?: string;
+    context?: import('svelte').Snippet;
+    empty?: import('svelte').Snippet;
+    class?: string;
+  }
+  let {
+    client,
+    sandboxOrigin,
+    conversationId = null,
+    mode,
+    agent = 'classic-agent',
+    clientKind,
+    variant = 'page',
+    getContext,
+    onconversationstarted,
+    ontoolresult,
+    onnavigate,
+    onnotify,
+    ontoolrequest,
+    placeholder,
+    context,
+    empty,
+    class: className = '',
+  }: Props = $props();
+
+  const session = new ChatSession({
+    client,
+    conversationId,
+    mode,
+    agent,
+    clientKind,
+    getContext,
+    onConversationStarted: (id) => onconversationstarted?.(id),
+    onToolResult: (name, status) => ontoolresult?.(name, status),
+  });
+  // The constructor already knows `conversationId`; what decides a fetch is whether the
+  // transcript for it has been loaded (or started) in this session.
+  $effect(() => {
+    if (
+      conversationId &&
+      conversationId !== session.loadedConversationId &&
+      session.status !== 'loading'
+    )
+      void session.load(conversationId);
+  });
+  $effect(() => {
+    if (mode && !session.mode) session.mode = mode;
+  });
+
+  let composer: Composer | undefined = $state();
+  let draft = $state('');
+  let files = $state<FileRef[]>([]);
+  let selectedArtifact = $state<string | null>(null);
+  let artifactsOpen = $state(false);
+  const artifacts = $derived(
+    session.messages.flatMap((m) => (m.role === 'assistant' ? m.artifacts : [])),
+  );
+  $effect(() => {
+    // A newly opened artifact pops the panel.
+    const last = artifacts[artifacts.length - 1];
+    if (last && last.open && selectedArtifact !== last.artifactId) {
+      selectedArtifact = last.artifactId;
+      artifactsOpen = true;
+    }
+  });
+
+  async function send(text: string): Promise<void> {
+    const attached = files;
+    files = [];
+    await session.send(text, { files: attached });
+  }
+  function retry(): void {
+    const lastUser = [...session.messages].reverse().find((m) => m.role === 'user');
+    if (lastUser && lastUser.role === 'user')
+      void session.send(lastUser.text, { files: lastUser.attachments });
+  }
+  function prompt(text: string): void {
+    draft = text;
+    composer?.focus();
+  }
+</script>
+
+<div class={`agent-chat agent-chat--${variant} ${className}`} data-variant={variant}>
+  <div class="agent-chat__main">
+    <ModeBanner mode={session.mode} />
+    {#if session.loadError}<div class="agent-chat__load-error" role="alert">
+        {session.loadError}
+      </div>{/if}
+    <MessageList
+      messages={session.messages}
+      streaming={session.streaming}
+      {sandboxOrigin}
+      fileUrl={(id) => client.fileUrl(id)}
+      {onnavigate}
+      onopenartifact={(id) => {
+        selectedArtifact = id;
+        artifactsOpen = true;
+      }}
+      onprompt={prompt}
+      ontool={(name, params) => ontoolrequest?.(name, params)}
+      {onnotify}
+      onretry={retry}
+      {empty}
+    />
+    <Composer
+      bind:this={composer}
+      bind:value={draft}
+      bind:files
+      disabled={session.status === 'loading'}
+      streaming={session.streaming}
+      {placeholder}
+      upload={(file) => client.uploadFile(file, file.name)}
+      onsend={send}
+      oncancel={() => session.cancel()}
+      {context}
+    />
+  </div>
+  {#if artifactsOpen && artifacts.length}
+    <div class="agent-chat__side">
+      <ArtifactPanel
+        {artifacts}
+        {sandboxOrigin}
+        bind:selectedId={selectedArtifact}
+        onclose={() => (artifactsOpen = false)}
+      />
+    </div>
+  {/if}
+</div>
+
+<style>
+  .agent-chat {
+    display: flex;
+    height: 100%;
+    min-height: 0;
+    background: hsl(var(--background));
+    color: hsl(var(--foreground));
+  }
+  .agent-chat__main {
+    flex: 1;
+    min-width: 0;
+    display: flex;
+    flex-direction: column;
+  }
+  .agent-chat__side {
+    width: min(45%, 40rem);
+    min-width: 20rem;
+  }
+  .agent-chat--panel .agent-chat__side {
+    display: none;
+  }
+  .agent-chat__load-error {
+    padding: 0.5rem 1rem;
+    color: hsl(var(--destructive));
+    font-size: 0.875rem;
+  }
+</style>

package/dist/components/AgentChat.svelte.d.ts

@@ -0,0 +1,29 @@
+import type { AgentApiClient } from '@classic-homes/agent-client';
+import type { AgentKey, ClientKind, DocumentContext } from '@classic-homes/agent-contracts';
+import type { BackendMode } from '@classic-homes/agent-contracts';
+interface Props {
+    client: AgentApiClient;
+    /** Sandbox origin for artifacts and MCP-UI (agent-api `/frame`). */
+    sandboxOrigin: string;
+    conversationId?: string | null;
+    /** Backend mode from `/api/me`; shows the mock banner before any turn runs. */
+    mode?: BackendMode;
+    agent?: AgentKey;
+    clientKind?: ClientKind;
+    variant?: 'page' | 'panel';
+    getContext?: () => DocumentContext | null | undefined;
+    onconversationstarted?: (conversationId: string) => void;
+    ontoolresult?: (name: string, status: string) => void;
+    onnavigate?: (href: string) => void;
+    onnotify?: (message: string) => void;
+    /** A UI resource asked to run a tool; the host confirms with the user and may send a message. */
+    ontoolrequest?: (toolName: string, params?: Record<string, unknown>) => void;
+    placeholder?: string;
+    context?: import('svelte').Snippet;
+    empty?: import('svelte').Snippet;
+    class?: string;
+}
+declare const AgentChat: import("svelte").Component<Props, {}, "">;
+type AgentChat = ReturnType<typeof AgentChat>;
+export default AgentChat;
+//# sourceMappingURL=AgentChat.svelte.d.ts.map

package/dist/components/AgentChat.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentChat.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/AgentChat.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,KAAK,EACR,QAAQ,EACR,UAAU,EACV,eAAe,EAEhB,MAAM,gCAAgC,CAAC;AAC1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAQhE,UAAU,KAAK;IACb,MAAM,EAAE,cAAc,CAAC;IACvB,oEAAoE;IACpE,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,+EAA+E;IAC/E,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,eAAe,GAAG,IAAI,GAAG,SAAS,CAAC;IACtD,qBAAqB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,iGAAiG;IACjG,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA+GH,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/components/ArtifactPanel.svelte

@@ -0,0 +1,161 @@
+<script lang="ts">
+  import { Button, Icon } from '@classic-homes/theme-svelte';
+  import type { Artifact } from '../reducer.js';
+  import { parseMarkdown } from '../markdown.js';
+  import { UI_FRAME_RENDER } from '../ui-frame-protocol.js';
+
+  interface Props {
+    artifacts: Artifact[];
+    sandboxOrigin: string;
+    selectedId?: string | null;
+    onclose?: () => void;
+  }
+  let { artifacts, sandboxOrigin, selectedId = $bindable(null), onclose }: Props = $props();
+  const selected = $derived(
+    artifacts.find((a) => a.artifactId === selectedId) ?? artifacts[artifacts.length - 1],
+  );
+  let frame: HTMLIFrameElement | null = $state(null);
+
+  function sendHtml(): void {
+    if (!selected || !frame?.contentWindow) return;
+    const html =
+      selected.mediaType === 'application/vnd.ant.mermaid'
+        ? mermaidPage(selected.text)
+        : selected.text;
+    frame.contentWindow.postMessage(
+      { type: UI_FRAME_RENDER, html, uri: `artifact://${selected.artifactId}` },
+      sandboxOrigin,
+    );
+  }
+  $effect(() => {
+    void selected?.text;
+    if (
+      selected &&
+      (selected.mediaType === 'text/html' ||
+        selected.mediaType === 'application/vnd.ant.mermaid' ||
+        selected.mediaType === 'image/svg+xml')
+    )
+      sendHtml();
+  });
+
+  function mermaidPage(source: string): string {
+    const escaped = source.replace(/</g, '&lt;');
+    return `<!doctype html><html><body><pre class="mermaid">${escaped}</pre><script>import m from "https://cdn.jsdelivr.net/npm/mermaid@11.4.1/dist/mermaid.esm.min.mjs";m.initialize({startOnLoad:true});<\/script></body></html>`;
+  }
+
+  async function copy(): Promise<void> {
+    if (selected) await navigator.clipboard.writeText(selected.text);
+  }
+  function download(): void {
+    if (!selected) return;
+    const ext =
+      selected.mediaType === 'text/html'
+        ? 'html'
+        : selected.mediaType === 'image/svg+xml'
+          ? 'svg'
+          : selected.mediaType === 'application/vnd.ant.mermaid'
+            ? 'mmd'
+            : selected.language
+              ? selected.language
+              : 'md';
+    const blob = new Blob([selected.text], { type: 'text/plain' });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = `${(selected.title ?? selected.artifactId).replace(/[^\w.-]+/g, '-')}.${ext}`;
+    a.click();
+    URL.revokeObjectURL(url);
+  }
+</script>
+
+{#if selected}
+  <aside class="agent-artifacts" aria-label="Artifacts">
+    <header class="agent-artifacts__header">
+      <select class="agent-artifacts__select" bind:value={selectedId} aria-label="Artifact">
+        {#each artifacts as a (a.artifactId)}
+          <option value={a.artifactId}>{a.title ?? a.artifactId}</option>
+        {/each}
+      </select>
+      <div class="agent-artifacts__actions">
+        <Button variant="ghost" size="icon" aria-label="Copy" onclick={copy}
+          ><Icon name="copy" size={16} /></Button
+        >
+        <Button variant="ghost" size="icon" aria-label="Download" onclick={download}
+          ><Icon name="download" size={16} /></Button
+        >
+        {#if onclose}<Button variant="ghost" size="icon" aria-label="Close" onclick={onclose}
+            ><Icon name="close" size={16} /></Button
+          >{/if}
+      </div>
+    </header>
+    <div class="agent-artifacts__body">
+      {#if selected.mediaType === 'text/markdown'}
+        <div class="agent-markdown">{@html parseMarkdown(selected.text)}</div>
+      {:else if selected.mediaType === 'application/vnd.ant.code'}
+        <pre class="agent-code"><code>{selected.text}</code></pre>
+      {:else}
+        <!-- html, mermaid, svg, react: only ever inside the sandbox origin -->
+        <iframe
+          bind:this={frame}
+          title={selected.title ?? 'Artifact'}
+          src={`${sandboxOrigin}/frame`}
+          sandbox="allow-scripts allow-popups allow-popups-to-escape-sandbox allow-forms"
+          referrerpolicy="no-referrer"
+          onload={sendHtml}
+        ></iframe>
+      {/if}
+      {#if selected.open}<div class="agent-artifacts__streaming">Writing…</div>{/if}
+    </div>
+  </aside>
+{/if}
+
+<style>
+  .agent-artifacts {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    border-left: 1px solid hsl(var(--border));
+    background: hsl(var(--card));
+  }
+  .agent-artifacts__header {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.5rem 0.75rem;
+    border-bottom: 1px solid hsl(var(--border));
+  }
+  .agent-artifacts__select {
+    flex: 1;
+    min-width: 0;
+    font: inherit;
+    background: transparent;
+    color: inherit;
+    border: 0;
+  }
+  .agent-artifacts__actions {
+    display: flex;
+    gap: 0.125rem;
+  }
+  .agent-artifacts__body {
+    flex: 1;
+    min-height: 0;
+    overflow: auto;
+    padding: 0.75rem;
+  }
+  iframe {
+    width: 100%;
+    height: 100%;
+    min-height: 24rem;
+    border: 0;
+    background: white;
+  }
+  .agent-code {
+    white-space: pre;
+    overflow: auto;
+    font-size: 0.8125rem;
+  }
+  .agent-artifacts__streaming {
+    font-size: 0.75rem;
+    color: hsl(var(--muted-foreground));
+  }
+</style>

package/dist/components/ArtifactPanel.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Artifact } from '../reducer.js';
+interface Props {
+    artifacts: Artifact[];
+    sandboxOrigin: string;
+    selectedId?: string | null;
+    onclose?: () => void;
+}
+declare const ArtifactPanel: import("svelte").Component<Props, {}, "selectedId">;
+type ArtifactPanel = ReturnType<typeof ArtifactPanel>;
+export default ArtifactPanel;
+//# sourceMappingURL=ArtifactPanel.svelte.d.ts.map

package/dist/components/ArtifactPanel.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArtifactPanel.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/ArtifactPanel.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAK5C,UAAU,KAAK;IACb,SAAS,EAAE,QAAQ,EAAE,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAiGH,QAAA,MAAM,aAAa,qDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/components/Composer.svelte

@@ -0,0 +1,211 @@
+<script lang="ts">
+  import { Button, Icon } from '@classic-homes/theme-svelte';
+  import type { FileRef } from '@classic-homes/agent-contracts';
+  import { LIMITS } from '@classic-homes/agent-contracts';
+
+  interface Props {
+    disabled?: boolean;
+    streaming?: boolean;
+    value?: string;
+    files?: FileRef[];
+    placeholder?: string;
+    /** Upload a file; the composer shows it as pending until the message is sent. */
+    upload?: (file: File) => Promise<FileRef>;
+    onsend?: (text: string) => void;
+    oncancel?: () => void;
+    onremovefile?: (fileId: string) => void;
+    /** Slot for a host-provided context chip (page context toggle). */
+    context?: import('svelte').Snippet;
+  }
+  let {
+    disabled = false,
+    streaming = false,
+    value = $bindable(''),
+    files = $bindable([]),
+    placeholder = 'Ask Classic Agent…',
+    upload,
+    onsend,
+    oncancel,
+    onremovefile,
+    context,
+  }: Props = $props();
+
+  let textarea: HTMLTextAreaElement | undefined = $state();
+  let fileInput: HTMLInputElement | undefined = $state();
+  let uploading = $state(0);
+  let uploadError = $state<string | undefined>();
+
+  export function focus(): void {
+    textarea?.focus({ preventScroll: true });
+  }
+
+  function submit(): void {
+    const text = value.trim();
+    if (!text || disabled || streaming || uploading > 0) return;
+    value = '';
+    if (textarea) textarea.style.height = 'auto';
+    onsend?.(text);
+  }
+  function onkeydown(event: KeyboardEvent): void {
+    if (event.key === 'Enter' && !event.shiftKey) {
+      event.preventDefault();
+      submit();
+    }
+  }
+  function autosize(): void {
+    if (!textarea) return;
+    textarea.style.height = 'auto';
+    textarea.style.height = `${Math.min(textarea.scrollHeight, 200)}px`;
+  }
+  async function onfiles(event: Event): Promise<void> {
+    const input = event.currentTarget as HTMLInputElement;
+    const chosen = [...(input.files ?? [])];
+    input.value = '';
+    if (!upload || chosen.length === 0) return;
+    uploadError = undefined;
+    for (const file of chosen) {
+      if (file.size > LIMITS.fileBytes) {
+        uploadError = `${file.name} is larger than ${Math.round(LIMITS.fileBytes / 1048576)} MB`;
+        continue;
+      }
+      uploading += 1;
+      try {
+        files = [...files, await upload(file)];
+      } catch (err) {
+        uploadError = err instanceof Error ? err.message : `Could not upload ${file.name}`;
+      } finally {
+        uploading -= 1;
+      }
+    }
+  }
+</script>
+
+<form
+  class="agent-composer"
+  onsubmit={(e) => {
+    e.preventDefault();
+    submit();
+  }}
+  aria-label="Send a message"
+>
+  {#if context}<div class="agent-composer__context">{@render context()}</div>{/if}
+  {#if files.length || uploadError}
+    <div class="agent-composer__files">
+      {#each files as file (file.fileId)}
+        <span class="agent-composer__file">
+          <Icon name="file" size={12} />
+          {file.name}
+          <button
+            type="button"
+            aria-label={`Remove ${file.name}`}
+            onclick={() => {
+              files = files.filter((f) => f.fileId !== file.fileId);
+              onremovefile?.(file.fileId);
+            }}>×</button
+          >
+        </span>
+      {/each}
+      {#if uploadError}<span class="agent-composer__error" role="alert">{uploadError}</span>{/if}
+    </div>
+  {/if}
+  <div class="agent-composer__row">
+    {#if upload}
+      <input bind:this={fileInput} type="file" multiple hidden onchange={onfiles} />
+      <Button
+        type="button"
+        variant="ghost"
+        size="icon"
+        aria-label="Attach files"
+        disabled={disabled || uploading > 0}
+        loading={uploading > 0}
+        onclick={() => fileInput?.click()}
+      >
+        {#if uploading === 0}<Icon name="upload" size={18} />{/if}
+      </Button>
+    {/if}
+    <textarea
+      bind:this={textarea}
+      bind:value
+      class="agent-composer__field"
+      rows="1"
+      {placeholder}
+      aria-label="Message"
+      maxlength={LIMITS.messageChars}
+      {disabled}
+      {onkeydown}
+      oninput={autosize}></textarea>
+    {#if streaming}
+      <Button
+        type="button"
+        variant="outline"
+        size="icon"
+        aria-label="Stop"
+        onclick={() => oncancel?.()}><Icon name="square" size={16} /></Button
+      >
+    {:else}
+      <Button
+        type="submit"
+        size="icon"
+        aria-label="Send"
+        disabled={disabled || !value.trim() || uploading > 0}><Icon name="send" size={18} /></Button
+      >
+    {/if}
+  </div>
+</form>
+
+<style>
+  .agent-composer {
+    padding: 0.75rem 1rem max(0.75rem, env(safe-area-inset-bottom));
+    border-top: 1px solid hsl(var(--border));
+    background: hsl(var(--background));
+    display: grid;
+    gap: 0.5rem;
+  }
+  .agent-composer__row {
+    display: flex;
+    align-items: flex-end;
+    gap: 0.5rem;
+  }
+  .agent-composer__field {
+    flex: 1;
+    resize: none;
+    min-height: 2.75rem;
+    max-height: 200px;
+    padding: 0.625rem 0.875rem;
+    border: 1px solid hsl(var(--border));
+    border-radius: 1rem;
+    background: hsl(var(--background));
+    color: hsl(var(--foreground));
+    font: inherit;
+    font-size: 16px;
+    line-height: 1.5;
+  }
+  .agent-composer__field:focus {
+    outline: none;
+    border-color: hsl(var(--primary));
+    box-shadow: 0 0 0 3px hsl(var(--primary) / 0.15);
+  }
+  .agent-composer__files {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0.375rem;
+    font-size: 0.75rem;
+  }
+  .agent-composer__file {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.25rem;
+    padding: 0.125rem 0.5rem;
+    border-radius: 9999px;
+    background: hsl(var(--muted));
+  }
+  .agent-composer__file button {
+    border: 0;
+    background: none;
+    cursor: pointer;
+    font: inherit;
+  }
+  .agent-composer__error {
+    color: hsl(var(--destructive));
+  }
+</style>

package/dist/components/Composer.svelte.d.ts

@@ -0,0 +1,21 @@
+import type { FileRef } from '@classic-homes/agent-contracts';
+interface Props {
+    disabled?: boolean;
+    streaming?: boolean;
+    value?: string;
+    files?: FileRef[];
+    placeholder?: string;
+    /** Upload a file; the composer shows it as pending until the message is sent. */
+    upload?: (file: File) => Promise<FileRef>;
+    onsend?: (text: string) => void;
+    oncancel?: () => void;
+    onremovefile?: (fileId: string) => void;
+    /** Slot for a host-provided context chip (page context toggle). */
+    context?: import('svelte').Snippet;
+}
+declare const Composer: import("svelte").Component<Props, {
+    focus: () => void;
+}, "value" | "files">;
+type Composer = ReturnType<typeof Composer>;
+export default Composer;
+//# sourceMappingURL=Composer.svelte.d.ts.map

package/dist/components/Composer.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Composer.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/components/Composer.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AAI5D,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iFAAiF;IACjF,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC;IAC1C,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mEAAmE;IACnE,OAAO,CAAC,EAAE,OAAO,QAAQ,EAAE,OAAO,CAAC;CACpC;AA6GH,QAAA,MAAM,QAAQ;iBArFO,IAAI;qBAqF6B,CAAC;AACvD,KAAK,QAAQ,GAAG,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC;AAC5C,eAAe,QAAQ,CAAC"}