@g9tm/aiassistant-svelte 1.0.0 → 1.1.0

package/dist/surfaces/AssistantPanel.svelte

@@ -1,49 +1,52 @@
-<script lang="ts">
-  // The panel in six layouts (sheet, side, fullscreen, inline, card, compact) or "auto" by the container's width; the
-  // layout can change live without losing the conversation. Escape closes; Alt+A (by key position, so it works with a
-  // Persian keyboard) toggles. Dialogs inside sit above the panel.
-  import type { Snippet } from "svelte";
-  import { pickLayout, type Layout, type LayoutThresholds } from "@g9tm/aiassistant";
-  import { cls, sty, useUi } from "../context.js";
-  import AssistantChat from "./AssistantChat.svelte";
-
-  let { open = $bindable(true), layout = "auto", thresholds = undefined, title = undefined, header = undefined, onclose = undefined }: {
-    open?: boolean; layout?: Layout; thresholds?: LayoutThresholds | undefined; title?: string | undefined; header?: Snippet | undefined; onclose?: (() => void) | undefined;
-  } = $props();
-  const ui = useUi();
-  const t = ui.texts.t;
-  let width = $state(1024);
-  let opener: Element | null = null;
-  const current = $derived(pickLayout(layout, width, thresholds));
-
-  function close(): void {
-    open = false;
-    onclose?.();
-    if (opener instanceof HTMLElement) opener.focus(); // focus goes back to what opened it
-  }
-
-  function onkey(e: KeyboardEvent): void {
-    if (e.altKey && e.code === "KeyA") {
-      e.preventDefault();
-      if (!open) opener = document.activeElement;
-      open = !open;
-    } else if (e.key === "Escape" && open && current !== "inline" && current !== "card") close();
-  }
-</script>
-
-<svelte:window onkeydown={onkey} />
-
-<div class="g9a-measure" bind:clientWidth={width}></div>
-{#if open || current === "inline" || current === "card"}
-  <section class={cls(ui, "panel")} style={sty(ui, "panel") ?? ""} data-layout={current} role={current === "sheet" || current === "fullscreen" ? "dialog" : "region"}
-    aria-label={title ?? t("assistant.name")} style:z-index={current === "inline" || current === "card" ? undefined : ui.layer - 1}>
-    {#if current !== "compact"}
-      <header class={cls(ui, "panel.header")}>
-        {#if header}{@render header()}{:else}<strong>{title ?? t("assistant.name")}</strong>{/if}
-        <button type="button" onclick={() => ui.assistant.fresh()}>{t("panel.new")}</button>
-        {#if current !== "inline" && current !== "card"}<button type="button" aria-label={t("panel.close")} onclick={close}>×</button>{/if}
-      </header>
-    {/if}
-    <div class={cls(ui, "panel.body")}><AssistantChat /></div>
-  </section>
-{/if}
+<script lang="ts">
+  // The panel in six layouts (sheet, side, fullscreen, inline, card, compact) or "auto" by the container's width; the
+  // layout can change live without losing the conversation. Escape closes; Alt+A (by key position, so it works with a
+  // Persian keyboard) toggles. Dialogs inside sit above the panel.
+  import type { Snippet } from "svelte";
+  import { pickLayout, type Layout, type LayoutThresholds } from "@g9tm/aiassistant";
+  import { cls, override, sty, useUi } from "../context.js";
+  import PdfButton from "../parts/PdfButton.svelte";
+  import AssistantChat from "./AssistantChat.svelte";
+
+  let { open = $bindable(true), layout = "auto", thresholds = undefined, title = undefined, header = undefined, onclose = undefined }: {
+    open?: boolean; layout?: Layout; thresholds?: LayoutThresholds | undefined; title?: string | undefined; header?: Snippet | undefined; onclose?: (() => void) | undefined;
+  } = $props();
+  const ui = useUi();
+  const t = ui.texts.t;
+  let width = $state(1024);
+  let opener: Element | null = null;
+  const current = $derived(pickLayout(layout, width, thresholds));
+  const Pdf = $derived(override(ui, "PdfButton") ?? PdfButton);
+
+  function close(): void {
+    open = false;
+    onclose?.();
+    if (opener instanceof HTMLElement) opener.focus(); // focus goes back to what opened it
+  }
+
+  function onkey(e: KeyboardEvent): void {
+    if (e.altKey && e.code === "KeyA") {
+      e.preventDefault();
+      if (!open) opener = document.activeElement;
+      open = !open;
+    } else if (e.key === "Escape" && open && current !== "inline" && current !== "card") close();
+  }
+</script>
+
+<svelte:window onkeydown={onkey} />
+
+<div class="g9a-measure" bind:clientWidth={width}></div>
+{#if open || current === "inline" || current === "card"}
+  <section class={cls(ui, "panel")} style={sty(ui, "panel") ?? ""} data-layout={current} role={current === "sheet" || current === "fullscreen" ? "dialog" : "region"}
+    aria-label={title ?? t("assistant.name")} style:z-index={current === "inline" || current === "card" ? undefined : ui.layer - 1}>
+    {#if current !== "compact"}
+      <header class={cls(ui, "panel.header")}>
+        {#if header}{@render header()}{:else}<strong>{title ?? t("assistant.name")}</strong>{/if}
+        <button type="button" onclick={() => ui.assistant.fresh()}>{t("panel.new")}</button>
+        <Pdf />
+        {#if current !== "inline" && current !== "card"}<button type="button" aria-label={t("panel.close")} onclick={close}>×</button>{/if}
+      </header>
+    {/if}
+    <div class={cls(ui, "panel.body")}><AssistantChat /></div>
+  </section>
+{/if}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@g9tm/aiassistant-svelte",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Svelte 5 components for the G9 AI assistant, fully customisable (layouts, tokens, per-part classes, overrides, parts).",
   "license": "MIT",
   "author": {
@@ -31,7 +31,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@g9tm/aiassistant": "1.0.0"
+    "@g9tm/aiassistant": "1.1.0"
   },
   "devDependencies": {
     "@sveltejs/package": "2.5.8",