@happyvertical/smrt-reports 0.55.23 → 0.56.0

package/dist/svelte/ReportConfirmation.svelte

@@ -0,0 +1,99 @@
+<script lang="ts">
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { Button } from '@happyvertical/smrt-ui/ui';
+import { M } from './messages.js';
+import ReportResult from './ReportResult.svelte';
+import { reportError, validReportProposal } from './result.js';
+import type { RuntimeReportProposal, SavedRuntimeReport } from './types.js';
+
+export interface Props {
+  proposal: RuntimeReportProposal;
+  /** Posts the exact displayed spec and hash to the authenticated confirm route. */
+  confirm: (proposal: RuntimeReportProposal) => Promise<SavedRuntimeReport>;
+  reportHref?: (id: string) => string;
+  ondecline?: () => void;
+  onsaved?: (report: SavedRuntimeReport) => void;
+  locale?: string;
+  currency?: string;
+}
+let {
+  proposal,
+  confirm,
+  reportHref = (id) => `/reports/${encodeURIComponent(id)}`,
+  ondecline,
+  onsaved,
+  locale = 'en',
+  currency = 'USD',
+}: Props = $props();
+const { t } = useI18n();
+let status = $state<'idle' | 'saving' | 'declined' | 'saved'>('idle');
+let saved = $state<SavedRuntimeReport | null>(null);
+let error = $state<ReturnType<typeof reportError> | null>(null);
+let epoch = 0;
+$effect(() => {
+  proposal;
+  confirm;
+  ++epoch;
+  status = 'idle';
+  saved = null;
+  error = null;
+  return () => {
+    ++epoch;
+  };
+});
+const valid = $derived(validReportProposal(proposal));
+const label = (field: string) => field;
+async function approve(event: MouseEvent) {
+  // Approval is an immediate local human action, never a model-callable tool.
+  if (!event.isTrusted || status !== 'idle' || !valid) return;
+  const current = epoch;
+  const specHash = proposal.specHash;
+  status = 'saving';
+  error = null;
+  try {
+    const result = await confirm({ ...proposal, specHash });
+    if (current !== epoch) return;
+    saved = result;
+    status = 'saved';
+    onsaved?.(result);
+  } catch (e) {
+    if (current === epoch) {
+      status = 'idle';
+      error = reportError(e);
+    }
+  }
+}
+function decline() {
+  if (status !== 'idle') return;
+  status = 'declined';
+  ondecline?.();
+}
+</script>
+
+<section data-smrt-component="ReportConfirmation" aria-label={t(M['reports.confirm_title'])}>
+  <h2>{valid ? proposal.spec.title : t(M['reports.confirm_title'])}</h2>
+  {#if !valid}
+    <p role="alert">{t(M['reports.invalid'])}</p>
+  {:else if saved}
+    <p role="status">{t(M['reports.saved'])}</p>
+    <a href={reportHref(saved.id)}>{saved.title}</a>
+  {:else if status === 'declined'}
+    <p role="status">{t(M['reports.declined'])}</p>
+  {:else}
+    {#if proposal.spec.description}<p>{proposal.spec.description}</p>{/if}
+    <dl>
+      <dt>{t(M['reports.source'])}</dt><dd>{proposal.sourceLabel}</dd>
+      <dt>{t(M['reports.groupings'])}</dt>
+      <dd>{#each proposal.spec.dimensions as d (d.as)}<p>{label(d.field)}{#if d.bucket} · {t(`reports.bucket.${d.bucket}`)}{/if}</p>{:else}{t(M['reports.none'])}{/each}</dd>
+      <dt>{t(M['reports.measures'])}</dt>
+      <dd>{#each proposal.spec.measures as m (m.as)}<p>{t(`reports.aggregate.${m.fn}`, { field: m.field ? label(m.field) : t(M['reports.rows']) })}</p>{/each}</dd>
+      <dt>{t(M['reports.filters'])}</dt>
+      <dd>{#each proposal.spec.filters as f, i (i)}<p>{label(f.field)} {t(`reports.operator.${f.op}`)} {Array.isArray(f.value) ? f.value.join(', ') : String(f.value ?? '')}</p>{:else}{t(M['reports.none'])}{/each}</dd>
+      {#if proposal.spec.having.length}<dt>{t(M['reports.having'])}</dt><dd>{#each proposal.spec.having as h, i (i)}<p>{h.measure} {t(`reports.operator.${h.op}`)} {h.value}</p>{/each}</dd>{/if}
+    </dl>
+    <ReportResult result={proposal.preview} {locale} {currency} />
+    {#if error}<p role="alert">{t(M[error])}</p>{/if}
+    <Button disabled={status === 'saving'} onclick={approve}>{t(M[status === 'saving' ? 'reports.saving' : 'reports.approve'])}</Button>
+    <Button disabled={status === 'saving'} onclick={decline}>{t(M['reports.decline'])}</Button>
+  {/if}
+</section>

package/dist/svelte/ReportConfirmation.svelte.d.ts

@@ -0,0 +1,15 @@
+import type { RuntimeReportProposal, SavedRuntimeReport } from './types.js';
+export interface Props {
+    proposal: RuntimeReportProposal;
+    /** Posts the exact displayed spec and hash to the authenticated confirm route. */
+    confirm: (proposal: RuntimeReportProposal) => Promise<SavedRuntimeReport>;
+    reportHref?: (id: string) => string;
+    ondecline?: () => void;
+    onsaved?: (report: SavedRuntimeReport) => void;
+    locale?: string;
+    currency?: string;
+}
+declare const ReportConfirmation: import("svelte").Component<Props, {}, "">;
+type ReportConfirmation = ReturnType<typeof ReportConfirmation>;
+export default ReportConfirmation;
+//# sourceMappingURL=ReportConfirmation.svelte.d.ts.map

package/dist/svelte/ReportConfirmation.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportConfirmation.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/ReportConfirmation.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,qBAAqB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAG5E,MAAM,WAAW,KAAK;IACpB,QAAQ,EAAE,qBAAqB,CAAC;IAChC,kFAAkF;IAClF,OAAO,EAAE,CAAC,QAAQ,EAAE,qBAAqB,KAAK,OAAO,CAAC,kBAAkB,CAAC,CAAC;IAC1E,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,MAAM,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA6FD,QAAA,MAAM,kBAAkB,2CAAwC,CAAC;AACjE,KAAK,kBAAkB,GAAG,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC;AAChE,eAAe,kBAAkB,CAAC"}

package/dist/svelte/ReportDetail.svelte

@@ -0,0 +1,69 @@
+<script lang="ts">
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { Button } from '@happyvertical/smrt-ui/ui';
+import { M } from './messages.js';
+import ReportResult from './ReportResult.svelte';
+import { reportError, validReportResult } from './result.js';
+import type {
+  RuntimeReportResult,
+  RuntimeReportsClient,
+  SavedRuntimeReport,
+} from './types.js';
+
+export interface Props {
+  id: string;
+  client?: RuntimeReportsClient;
+  locale?: string;
+  currency?: string;
+}
+let { id, client, locale = 'en', currency = 'USD' }: Props = $props();
+const { t } = useI18n();
+let report = $state<SavedRuntimeReport | null>(null);
+let result = $state<RuntimeReportResult | null>(null);
+let error = $state<ReturnType<typeof reportError> | null>(null);
+let loading = $state(false);
+let revision = $state(0);
+$effect(() => {
+  const transport = client;
+  const reportId = id;
+  revision;
+  let active = true;
+  report = null;
+  result = null;
+  error = null;
+  loading = !!transport;
+  if (transport) {
+    void (async () => {
+      try {
+        const saved = await transport.get(reportId);
+        if (!active) return;
+        report = saved;
+        const value = await transport.run(reportId);
+        if (!active) return;
+        if (!validReportResult(value)) error = 'reports.invalid';
+        else result = value;
+      } catch (e) {
+        if (active) error = reportError(e);
+      } finally {
+        if (active) loading = false;
+      }
+    })();
+  }
+  return () => {
+    active = false;
+  };
+});
+</script>
+
+<section data-smrt-component="ReportDetail" aria-label={t(M['reports.title'])}>
+  <h1>{report?.title ?? t(M['reports.title'])}</h1>
+  {#if !client}
+    <p>{t(M['reports.unavailable'])}</p>
+  {:else}
+    {#if report?.description}<p>{report.description}</p>{/if}
+    <Button disabled={loading} onclick={() => revision++}>{t(M['reports.rerun'])}</Button>
+    {#if loading}<p role="status">{t(M['reports.running'])}</p>{/if}
+    {#if error}<p role="alert">{t(M[error])}</p>{/if}
+    {#if result}<ReportResult {result} {locale} {currency} />{/if}
+  {/if}
+</section>

package/dist/svelte/ReportDetail.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { RuntimeReportsClient } from './types.js';
+export interface Props {
+    id: string;
+    client?: RuntimeReportsClient;
+    locale?: string;
+    currency?: string;
+}
+declare const ReportDetail: import("svelte").Component<Props, {}, "">;
+type ReportDetail = ReturnType<typeof ReportDetail>;
+export default ReportDetail;
+//# sourceMappingURL=ReportDetail.svelte.d.ts.map

package/dist/svelte/ReportDetail.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportDetail.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/ReportDetail.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAEV,oBAAoB,EAErB,MAAM,YAAY,CAAC;AAGpB,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA+DD,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/svelte/ReportPicker.svelte

@@ -0,0 +1,73 @@
+<script lang="ts">
+import { Select } from '@happyvertical/smrt-ui/forms';
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { M } from './messages.js';
+import { reportError } from './result.js';
+import type { RuntimeReportsClient, SavedRuntimeReport } from './types.js';
+
+export interface Props {
+  client?: RuntimeReportsClient;
+  reportId?: string;
+  measure?: string;
+  dimension?: string;
+  onchange: (value: {
+    reportId: string;
+    measure: string;
+    dimension: string;
+  }) => void;
+}
+let {
+  client,
+  reportId = '',
+  measure = '',
+  dimension = '',
+  onchange,
+}: Props = $props();
+const { t } = useI18n();
+let reports = $state<SavedRuntimeReport[]>([]);
+let loading = $state(false);
+let error = $state<ReturnType<typeof reportError> | null>(null);
+const selected = $derived(reports.find((r) => r.id === reportId));
+$effect(() => {
+  const transport = client;
+  let active = true;
+  reports = [];
+  error = null;
+  loading = !!transport;
+  if (transport)
+    void transport
+      .list({ onlyMine: false, includeArchived: false })
+      .then((rows) => {
+        if (active) reports = rows;
+      })
+      .catch((e) => {
+        if (active) error = reportError(e);
+      })
+      .finally(() => {
+        if (active) loading = false;
+      });
+  return () => {
+    active = false;
+  };
+});
+</script>
+
+<div data-smrt-component="ReportPicker">
+  {#if !client}<p>{t(M['reports.unavailable'])}</p>
+  {:else}
+    {#if loading}<p role="status">{t(M['reports.loading'])}</p>{/if}
+    {#if error}<p role="alert">{t(M[error])}</p>{/if}
+    <Select aria-label={t(M['reports.select_report'])} value={reportId} disabled={loading || !!error} onchange={event => onchange({ reportId: event.currentTarget.value, measure: '', dimension: '' })}>
+      <option value="">{t(M['reports.choose_report'])}</option>
+      {#each reports as report (report.id)}<option value={report.id}>{report.title}</option>{/each}
+    </Select>
+    <Select aria-label={t(M['reports.select_measure'])} value={measure} disabled={!selected} onchange={event => onchange({ reportId, measure: event.currentTarget.value, dimension })}>
+      <option value="">{t(M['reports.choose_measure'])}</option>
+      {#each selected?.spec.measures ?? [] as m (m.as)}<option value={m.as}>{m.as}</option>{/each}
+    </Select>
+    <Select aria-label={t(M['reports.select_dimension'])} value={dimension} disabled={!selected} onchange={event => onchange({ reportId, measure, dimension: event.currentTarget.value })}>
+      <option value="">{t(M['reports.choose_dimension'])}</option>
+      {#each selected?.spec.dimensions ?? [] as d (d.as)}<option value={d.as}>{d.as}</option>{/each}
+    </Select>
+  {/if}
+</div>

package/dist/svelte/ReportPicker.svelte.d.ts

@@ -0,0 +1,16 @@
+import type { RuntimeReportsClient } from './types.js';
+export interface Props {
+    client?: RuntimeReportsClient;
+    reportId?: string;
+    measure?: string;
+    dimension?: string;
+    onchange: (value: {
+        reportId: string;
+        measure: string;
+        dimension: string;
+    }) => void;
+}
+declare const ReportPicker: import("svelte").Component<Props, {}, "">;
+type ReportPicker = ReturnType<typeof ReportPicker>;
+export default ReportPicker;
+//# sourceMappingURL=ReportPicker.svelte.d.ts.map

package/dist/svelte/ReportPicker.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportPicker.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/ReportPicker.svelte.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,oBAAoB,EAAsB,MAAM,YAAY,CAAC;AAG3E,MAAM,WAAW,KAAK;IACpB,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE;QAChB,QAAQ,EAAE,MAAM,CAAC;QACjB,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,MAAM,CAAC;KACnB,KAAK,IAAI,CAAC;CACZ;AAkED,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/svelte/ReportResult.svelte

@@ -0,0 +1,69 @@
+<script lang="ts">
+import { Chart } from '@happyvertical/smrt-ui/charts';
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { Button } from '@happyvertical/smrt-ui/ui';
+import { M } from './messages.js';
+import { reportCell, validReportResult } from './result.js';
+import type { RuntimeReportResult } from './types.js';
+
+export interface Props {
+  result: RuntimeReportResult;
+  locale?: string;
+  currency?: string;
+}
+let { result, locale = 'en', currency = 'USD' }: Props = $props();
+const { t } = useI18n();
+let table = $state(false);
+const valid = $derived(validReportResult(result));
+const measures = $derived(
+  valid
+    ? result.columns.filter((c) =>
+        (
+          result.chart.y ??
+          result.columns.filter((c) => c.role === 'measure').map((c) => c.id)
+        ).includes(c.id),
+      )
+    : [],
+);
+function cell(value: unknown, column: RuntimeReportResult['columns'][number]) {
+  return typeof value === 'boolean'
+    ? t(M[value ? 'reports.yes' : 'reports.no'])
+    : reportCell(value, column, locale, currency);
+}
+</script>
+
+<div data-smrt-component="ReportResult">
+  {#if !valid}
+    <p role="alert">{t(M['reports.invalid'])}</p>
+  {:else if result.rows.length === 0}
+    <p>{t(M['reports.no_rows'])}</p>
+  {:else}
+    {#if result.chart.type !== 'table'}
+      <Button type="button" onclick={() => table = !table}>{t(M[table ? 'reports.chart' : 'reports.table'])}</Button>
+    {/if}
+    {#if table || result.chart.type === 'table'}
+      <table>
+        <caption>{result.title}</caption>
+        <thead><tr>{#each result.columns as column (column.id)}<th scope="col">{column.label}</th>{/each}</tr></thead>
+        <tbody>{#each result.rows as row, i (i)}<tr>{#each result.columns as column (column.id)}<td>{cell(row[column.id], column)}</td>{/each}</tr>{/each}</tbody>
+      </table>
+    {:else}
+      {#each measures as column (column.id)}
+        <Chart title={column.label} style={result.chart.type} {locale} data={{
+          points: result.rows.filter(row => typeof row[column.id] === 'number').map(row => ({ label: result.chart.x ? String(row[result.chart.x] ?? '–') : column.label, value: row[column.id] as number })),
+          format: column.format === 'money' ? 'money' : column.type === 'integer' ? 'integer' : 'decimal', currency,
+        }} />
+      {/each}
+    {/if}
+    {#if result.truncated}<p>{t(M['reports.truncated'])}</p>{/if}
+  {/if}
+</div>
+
+<style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
+  [data-smrt-component='ReportResult'] { display: grid; gap: var(--smrt-spacing-3); overflow: auto; }
+  table { border-collapse: collapse; inline-size: 100%; }
+  th, td { padding: var(--smrt-spacing-2); border-block-end: var(--smrt-hairline); text-align: start; font-variant-numeric: tabular-nums; }
+}
+</style>

package/dist/svelte/ReportResult.svelte.d.ts

@@ -0,0 +1,10 @@
+import type { RuntimeReportResult } from './types.js';
+export interface Props {
+    result: RuntimeReportResult;
+    locale?: string;
+    currency?: string;
+}
+declare const ReportResult: import("svelte").Component<Props, {}, "">;
+type ReportResult = ReturnType<typeof ReportResult>;
+export default ReportResult;
+//# sourceMappingURL=ReportResult.svelte.d.ts.map

package/dist/svelte/ReportResult.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReportResult.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/ReportResult.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAGtD,MAAM,WAAW,KAAK;IACpB,MAAM,EAAE,mBAAmB,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA6DD,QAAA,MAAM,YAAY,2CAAwC,CAAC;AAC3D,KAAK,YAAY,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AACpD,eAAe,YAAY,CAAC"}

package/dist/svelte/RuntimeReportChartWidget.svelte

@@ -0,0 +1,20 @@
+<script lang="ts">
+import { Chart, type ChartData } from '@happyvertical/smrt-ui/charts';
+
+export interface Props {
+  options: Record<string, string | number | boolean | null>;
+  data?: ChartData;
+  title: string;
+  locale: string;
+}
+let { options, data, title, locale }: Props = $props();
+</script>
+
+<div data-smrt-component="RuntimeReportChartWidget">
+  <Chart
+    data={data ?? null}
+    style={typeof options.style === 'string' ? options.style : 'bar'}
+    {title}
+    {locale}
+  />
+</div>

package/dist/svelte/RuntimeReportChartWidget.svelte.d.ts

@@ -0,0 +1,11 @@
+import { type ChartData } from '@happyvertical/smrt-ui/charts';
+export interface Props {
+    options: Record<string, string | number | boolean | null>;
+    data?: ChartData;
+    title: string;
+    locale: string;
+}
+declare const RuntimeReportChartWidget: import("svelte").Component<Props, {}, "">;
+type RuntimeReportChartWidget = ReturnType<typeof RuntimeReportChartWidget>;
+export default RuntimeReportChartWidget;
+//# sourceMappingURL=RuntimeReportChartWidget.svelte.d.ts.map

package/dist/svelte/RuntimeReportChartWidget.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeReportChartWidget.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/RuntimeReportChartWidget.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EAAS,KAAK,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAGtE,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,CAAC;IAC1D,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAaD,QAAA,MAAM,wBAAwB,2CAAwC,CAAC;AACvE,KAAK,wBAAwB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAC5E,eAAe,wBAAwB,CAAC"}

package/dist/svelte/RuntimeReportDetailRoute.svelte

@@ -0,0 +1,67 @@
+<script lang="ts">
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { onMount } from 'svelte';
+import { getRuntimeReportsBrowserClient } from './browser-client.js';
+import { M } from './messages.js';
+import ReportDetail from './ReportDetail.svelte';
+import type { RuntimeReportsClient } from './types.js';
+
+export interface Props {
+  id?: string;
+  params?: { id?: string };
+  client?: RuntimeReportsClient;
+  serverAvailable?: boolean;
+  /** Authenticated user id projected by the server route host. */
+  currentUserId?: string;
+  /** Opaque active tenant/session key used only to isolate browser hints. */
+  clientScope?: string;
+  /** Server-derived capability hint used by the shared session client. */
+  canArchive?: boolean;
+  locale?: string;
+  currency?: string;
+}
+let {
+  id,
+  params,
+  client,
+  serverAvailable = true,
+  currentUserId,
+  clientScope,
+  canArchive = false,
+  locale,
+  currency,
+}: Props = $props();
+const reportId = $derived(id ?? params?.id ?? '');
+let browserClient = $state<RuntimeReportsClient | undefined>();
+let mounted = $state(false);
+const { t } = useI18n();
+$effect(() => {
+  browserClient = client;
+  if (!client && mounted && serverAvailable) {
+    browserClient = getRuntimeReportsBrowserClient({
+      scopeKey: clientScope,
+      currentUserId,
+      canArchive,
+    });
+  }
+});
+onMount(() => {
+  mounted = true;
+  return () => {
+    mounted = false;
+  };
+});
+</script>
+
+<div data-smrt-component="RuntimeReportDetailRoute">
+  {#if serverAvailable && !browserClient}
+    <p role="status">{t(M['reports.loading'])}</p>
+  {:else}
+    <ReportDetail
+      id={reportId}
+      client={serverAvailable ? browserClient : undefined}
+      {locale}
+      {currency}
+    />
+  {/if}
+</div>

package/dist/svelte/RuntimeReportDetailRoute.svelte.d.ts

@@ -0,0 +1,21 @@
+import type { RuntimeReportsClient } from './types.js';
+export interface Props {
+    id?: string;
+    params?: {
+        id?: string;
+    };
+    client?: RuntimeReportsClient;
+    serverAvailable?: boolean;
+    /** Authenticated user id projected by the server route host. */
+    currentUserId?: string;
+    /** Opaque active tenant/session key used only to isolate browser hints. */
+    clientScope?: string;
+    /** Server-derived capability hint used by the shared session client. */
+    canArchive?: boolean;
+    locale?: string;
+    currency?: string;
+}
+declare const RuntimeReportDetailRoute: import("svelte").Component<Props, {}, "">;
+type RuntimeReportDetailRoute = ReturnType<typeof RuntimeReportDetailRoute>;
+export default RuntimeReportDetailRoute;
+//# sourceMappingURL=RuntimeReportDetailRoute.svelte.d.ts.map

package/dist/svelte/RuntimeReportDetailRoute.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeReportDetailRoute.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/RuntimeReportDetailRoute.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAGvD,MAAM,WAAW,KAAK;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE;QAAE,EAAE,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACzB,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,gEAAgE;IAChE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,wEAAwE;IACxE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAoDD,QAAA,MAAM,wBAAwB,2CAAwC,CAAC;AACvE,KAAK,wBAAwB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAC5E,eAAe,wBAAwB,CAAC"}

package/dist/svelte/RuntimeReportToolResult.svelte

@@ -0,0 +1,26 @@
+<script lang="ts">
+import { onMount } from 'svelte';
+import { getRuntimeReportsBrowserClient } from './browser-client.js';
+import ReportConfirmation from './ReportConfirmation.svelte';
+import {
+  runtimeReportProposalFromMessage,
+  type ToolResultMessage,
+} from './tool-result.js';
+import type { RuntimeReportsClient } from './types.js';
+
+export interface Props {
+  message: ToolResultMessage;
+}
+let { message }: Props = $props();
+const proposal = $derived(runtimeReportProposalFromMessage(message));
+let client = $state<RuntimeReportsClient | undefined>();
+onMount(() => {
+  client = getRuntimeReportsBrowserClient();
+});
+</script>
+
+<div data-smrt-component="RuntimeReportToolResult">
+  {#if proposal && client}
+    <ReportConfirmation {proposal} confirm={client.confirm} />
+  {/if}
+</div>

package/dist/svelte/RuntimeReportToolResult.svelte.d.ts

@@ -0,0 +1,8 @@
+import { type ToolResultMessage } from './tool-result.js';
+export interface Props {
+    message: ToolResultMessage;
+}
+declare const RuntimeReportToolResult: import("svelte").Component<Props, {}, "">;
+type RuntimeReportToolResult = ReturnType<typeof RuntimeReportToolResult>;
+export default RuntimeReportToolResult;
+//# sourceMappingURL=RuntimeReportToolResult.svelte.d.ts.map

package/dist/svelte/RuntimeReportToolResult.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeReportToolResult.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/RuntimeReportToolResult.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,iBAAiB,EACvB,MAAM,kBAAkB,CAAC;AAI1B,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,iBAAiB,CAAC;CAC5B;AAwBD,QAAA,MAAM,uBAAuB,2CAAwC,CAAC;AACtE,KAAK,uBAAuB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAC1E,eAAe,uBAAuB,CAAC"}

package/dist/svelte/RuntimeReportWidgetOptions.svelte

@@ -0,0 +1,58 @@
+<script lang="ts">
+import { FormActionBar } from '@happyvertical/smrt-ui/forms';
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { Button } from '@happyvertical/smrt-ui/ui';
+import { onMount, untrack } from 'svelte';
+import { getRuntimeReportsBrowserClient } from './browser-client.js';
+import { M } from './messages.js';
+import ReportPicker from './ReportPicker.svelte';
+import type { RuntimeReportsClient } from './types.js';
+
+type Options = Record<string, string | number | boolean | null>;
+interface Issue {
+  key: string;
+  code: string;
+}
+export interface Props {
+  initial: Options;
+  onsave: (options: Options) => Issue[] | null;
+  oncancel: () => void;
+}
+let { initial, onsave, oncancel }: Props = $props();
+const { t } = useI18n();
+let client = $state<RuntimeReportsClient | undefined>();
+let value = $state(
+  untrack(() => ({
+    reportId: typeof initial.reportId === 'string' ? initial.reportId : '',
+    measure: typeof initial.measure === 'string' ? initial.measure : '',
+    dimension: typeof initial.dimension === 'string' ? initial.dimension : '',
+  })),
+);
+let failed = $state(false);
+onMount(() => {
+  client = getRuntimeReportsBrowserClient();
+});
+function save() {
+  const options: Options = {
+    reportId: value.reportId,
+    measure: value.measure,
+    ...(value.dimension ? { dimension: value.dimension } : {}),
+  };
+  failed = onsave(options) !== null;
+}
+</script>
+
+<div data-smrt-component="RuntimeReportWidgetOptions">
+  <ReportPicker
+    {client}
+    reportId={value.reportId}
+    measure={value.measure}
+    dimension={value.dimension}
+    onchange={(next) => (value = next)}
+  />
+  {#if failed}<p role="alert">{t(M['reports.options_invalid'])}</p>{/if}
+  <FormActionBar>
+    <Button type="button" variant="ghost" onclick={oncancel}>{t(M['reports.cancel'])}</Button>
+    <Button type="button" variant="primary" onclick={save}>{t(M['reports.save'])}</Button>
+  </FormActionBar>
+</div>

package/dist/svelte/RuntimeReportWidgetOptions.svelte.d.ts

@@ -0,0 +1,14 @@
+type Options = Record<string, string | number | boolean | null>;
+interface Issue {
+    key: string;
+    code: string;
+}
+export interface Props {
+    initial: Options;
+    onsave: (options: Options) => Issue[] | null;
+    oncancel: () => void;
+}
+declare const RuntimeReportWidgetOptions: import("svelte").Component<Props, {}, "">;
+type RuntimeReportWidgetOptions = ReturnType<typeof RuntimeReportWidgetOptions>;
+export default RuntimeReportWidgetOptions;
+//# sourceMappingURL=RuntimeReportWidgetOptions.svelte.d.ts.map

package/dist/svelte/RuntimeReportWidgetOptions.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RuntimeReportWidgetOptions.svelte.d.ts","sourceRoot":"","sources":["../../src/svelte/RuntimeReportWidgetOptions.svelte.ts"],"names":[],"mappings":"AAaA,KAAK,OAAO,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAC,CAAC;AAChE,UAAU,KAAK;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,KAAK,EAAE,GAAG,IAAI,CAAC;IAC7C,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAgDD,QAAA,MAAM,0BAA0B,2CAAwC,CAAC;AACzE,KAAK,0BAA0B,GAAG,UAAU,CAAC,OAAO,0BAA0B,CAAC,CAAC;AAChF,eAAe,0BAA0B,CAAC"}