@happyvertical/smrt-content 0.30.0

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

@@ -0,0 +1,25 @@
+import type { ImageLike } from '@happyvertical/smrt-images/svelte';
+import { type ContentBodyFormat, type ContentBodyImage } from '../../body-format';
+export interface ContentBodyEditorChange {
+    body: string;
+    bodyFormat: ContentBodyFormat;
+    images: ContentBodyImage[];
+}
+export interface Props {
+    value: string;
+    format?: ContentBodyFormat | null;
+    placeholder?: string;
+    selectedImageIndex?: number;
+    onChange?: (change: ContentBodyEditorChange) => void;
+    onOpenImageChooser?: () => void;
+    onSelectImage?: (index: number) => void;
+    onUseImageAsThumbnail?: (assetId: string) => void;
+    onResolveImage?: (selected: ImageLike | File | string) => Promise<any | null> | any | null;
+}
+declare const ContentBodyEditor: import("svelte").Component<Props, {
+    insertImageAsset: (asset: any) => void;
+    focusImage: (index: number) => void;
+}, "">;
+type ContentBodyEditor = ReturnType<typeof ContentBodyEditor>;
+export default ContentBodyEditor;
+//# sourceMappingURL=ContentBodyEditor.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentBodyEditor.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentBodyEditor.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAEnE,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EAOtB,MAAM,mBAAmB,CAAC;AAI3B,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,iBAAiB,CAAC;IAC9B,MAAM,EAAE,gBAAgB,EAAE,CAAC;CAC5B;AAED,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,uBAAuB,KAAK,IAAI,CAAC;IACrD,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,qBAAqB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,cAAc,CAAC,EAAE,CACf,QAAQ,EAAE,SAAS,GAAG,IAAI,GAAG,MAAM,KAChC,OAAO,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,GAAG,IAAI,CAAC;CACvC;AAqlCD,QAAA,MAAM,iBAAiB;8BApdW,GAAG;wBAIT,MAAM;MAgd6B,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/svelte/components/ContentBodyRenderer.svelte

@@ -0,0 +1,152 @@
+<script lang="ts">
+import {
+  type ContentBodyFormat,
+  resolveBodyFormat,
+  sanitizeHtml,
+} from '../../body-format';
+import Markdown from './Markdown.svelte';
+
+export interface Props {
+  content: string;
+  format?: ContentBodyFormat | null;
+  class?: string;
+}
+
+let { content, format = null, class: className = '' }: Props = $props();
+
+const resolvedFormat = $derived(resolveBodyFormat(format, content));
+const safeHtml = $derived(sanitizeHtml(content || ''));
+</script>
+
+{#if resolvedFormat === 'markdown'}
+  <Markdown {content} class={className} />
+{:else}
+  <div class="content-body-renderer {className}">
+    {@html safeHtml}
+  </div>
+{/if}
+
+<style>
+  .content-body-renderer {
+    font-size: var(--smrt-typography-body-large-size, 1rem);
+    line-height: var(--smrt-typography-body-large-line-height, 1.5);
+    color: var(--smrt-color-on-surface);
+  }
+
+  .content-body-renderer :global(h1),
+  .content-body-renderer :global(h2),
+  .content-body-renderer :global(h3) {
+    color: var(--smrt-color-on-surface);
+    line-height: 1.2;
+  }
+
+  .content-body-renderer :global(h1) {
+    font-size: var(--smrt-typography-headline-large-size, 2rem);
+    margin: var(--spacing-2xl, 2rem) 0 var(--spacing-lg, 1rem);
+  }
+
+  .content-body-renderer :global(h2) {
+    font-size: var(--smrt-typography-headline-medium-size, 1.75rem);
+    margin: var(--spacing-xl, 1.5rem) 0 var(--spacing-md, 0.75rem);
+  }
+
+  .content-body-renderer :global(h3) {
+    font-size: var(--smrt-typography-headline-small-size, 1.5rem);
+    margin: var(--spacing-lg, 1rem) 0 var(--spacing-sm, 0.5rem);
+  }
+
+  .content-body-renderer :global(p) {
+    margin: var(--spacing-md, 0.75rem) 0;
+  }
+
+  .content-body-renderer :global(p:first-child) {
+    margin-top: 0;
+  }
+
+  .content-body-renderer :global(p:last-child) {
+    margin-bottom: 0;
+  }
+
+  .content-body-renderer::after {
+    content: '';
+    display: block;
+    clear: both;
+  }
+
+  .content-body-renderer :global(ul),
+  .content-body-renderer :global(ol) {
+    margin: var(--spacing-md, 0.75rem) 0;
+    padding-left: var(--spacing-xl, 1.5rem);
+  }
+
+  .content-body-renderer :global(a) {
+    color: var(--smrt-color-primary);
+    text-decoration: underline;
+    text-underline-offset: 0.18em;
+  }
+
+  .content-body-renderer :global(img) {
+    display: block;
+    width: min(100%, 48rem);
+    height: auto;
+    margin: var(--spacing-lg, 1rem) 0;
+    border-radius: var(--smrt-radius-medium, 8px);
+  }
+
+  .content-body-renderer :global(figure[data-smrt-inline-image]) {
+    display: block;
+    width: min(100%, 32rem);
+    max-width: 100%;
+    margin: var(--spacing-lg, 1rem) 0;
+  }
+
+  .content-body-renderer :global(figure[data-smrt-inline-image] img) {
+    width: 100%;
+    max-width: 100%;
+    margin: 0;
+  }
+
+  .content-body-renderer :global(figure[data-smrt-placement='left']),
+  .content-body-renderer :global(img[data-smrt-placement='left']) {
+    float: left;
+    width: min(45%, 22rem);
+    margin: 0.35rem var(--spacing-lg, 1rem) var(--spacing-sm, 0.5rem) 0;
+  }
+
+  .content-body-renderer :global(figure[data-smrt-placement='right']),
+  .content-body-renderer :global(img[data-smrt-placement='right']) {
+    float: right;
+    width: min(45%, 22rem);
+    margin: 0.35rem 0 var(--spacing-sm, 0.5rem) var(--spacing-lg, 1rem);
+  }
+
+  .content-body-renderer :global(figure[data-smrt-placement='center']),
+  .content-body-renderer :global(figure[data-smrt-placement='block']),
+  .content-body-renderer :global(img[data-smrt-placement='center']),
+  .content-body-renderer :global(img[data-smrt-placement='block']) {
+    float: none;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .content-body-renderer :global(figure[data-smrt-placement='full']),
+  .content-body-renderer :global(img[data-smrt-placement='full']) {
+    float: none;
+    width: 100% !important;
+    max-width: 100%;
+    margin-left: 0;
+    margin-right: 0;
+    clear: both;
+  }
+
+  .content-body-renderer :global(img[data-smrt-inline-image]) {
+    width: min(100%, 32rem);
+    max-width: 100%;
+  }
+
+  .content-body-renderer :global(img[data-smrt-inline-image][data-smrt-placement='left']),
+  .content-body-renderer :global(img[data-smrt-inline-image][data-smrt-placement='right']) {
+    width: min(45%, 22rem);
+  }
+</style>

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

@@ -0,0 +1,10 @@
+import { type ContentBodyFormat } from '../../body-format';
+export interface Props {
+    content: string;
+    format?: ContentBodyFormat | null;
+    class?: string;
+}
+declare const ContentBodyRenderer: import("svelte").Component<Props, {}, "">;
+type ContentBodyRenderer = ReturnType<typeof ContentBodyRenderer>;
+export default ContentBodyRenderer;
+//# sourceMappingURL=ContentBodyRenderer.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentBodyRenderer.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentBodyRenderer.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,EACL,KAAK,iBAAiB,EAGvB,MAAM,mBAAmB,CAAC;AAI3B,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAwBD,QAAA,MAAM,mBAAmB,2CAAwC,CAAC;AAClE,KAAK,mBAAmB,GAAG,UAAU,CAAC,OAAO,mBAAmB,CAAC,CAAC;AAClE,eAAe,mBAAmB,CAAC"}

package/dist/svelte/components/ContentClaimAuditTool.svelte

@@ -0,0 +1,441 @@
+<script lang="ts">
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import type {
+  FactAuditClaimData,
+  FactAuditStateData,
+} from '../../mock-smrt-client';
+import { createClient } from '../../mock-smrt-client';
+import { normalizeApiBaseUrl } from '../api';
+import { M } from '../i18n.tools.js';
+
+const { t } = useI18n();
+
+export interface Props {
+  apiBaseUrl?: string;
+  contentId: string;
+  onFactAuditChange?: (state: FactAuditStateData | null) => void;
+}
+
+let {
+  apiBaseUrl = '/api/v1',
+  contentId,
+  onFactAuditChange = undefined,
+}: Props = $props();
+
+const client = $derived(createClient(normalizeApiBaseUrl(apiBaseUrl)));
+const savedContentId = $derived(
+  contentId && contentId !== 'new' ? contentId : null,
+);
+
+let factAudit = $state<FactAuditStateData | null>(null);
+let busy = $state(false);
+let error = $state<string | null>(null);
+let notice = $state<string | null>(null);
+let selectedClaimIds = $state<string[]>([]);
+let loadedContentId = $state<string | null>(null);
+
+const factAuditGroups = $derived({
+  contradicted:
+    factAudit?.claims.filter(
+      (claim) => claim.supportStatus === 'contradicted',
+    ) || [],
+  unsupported:
+    factAudit?.claims.filter(
+      (claim) => claim.supportStatus === 'unsupported',
+    ) || [],
+  needs_review:
+    factAudit?.claims.filter(
+      (claim) => claim.supportStatus === 'needs_review',
+    ) || [],
+  supported:
+    factAudit?.claims.filter((claim) => claim.supportStatus === 'supported') ||
+    [],
+});
+const actionableWarnings = $derived(
+  (factAudit?.warnings ?? []).filter(
+    (warning) => !/^Asset .+ has no extracted text\.$/.test(warning.trim()),
+  ),
+);
+const selectedClaimCount = $derived(selectedClaimIds.length);
+
+$effect(() => {
+  if (!savedContentId) {
+    loadedContentId = null;
+    factAudit = null;
+    busy = false;
+    error = null;
+    notice = null;
+    selectedClaimIds = [];
+    onFactAuditChange?.(null);
+    return;
+  }
+
+  if (savedContentId !== loadedContentId) {
+    loadedContentId = savedContentId;
+    factAudit = null;
+    error = null;
+    notice = null;
+    selectedClaimIds = [];
+    void loadFactAudit(savedContentId);
+  }
+});
+
+export async function refresh() {
+  await loadFactAudit(savedContentId);
+}
+function getClaimId(claim: FactAuditClaimData): string | null {
+  return typeof claim.id === 'string' && claim.id.length > 0 ? claim.id : null;
+}
+
+function isClaimSelected(claim: FactAuditClaimData): boolean {
+  const claimId = getClaimId(claim);
+  return Boolean(claimId && selectedClaimIds.includes(claimId));
+}
+
+function toggleClaimSelection(claim: FactAuditClaimData) {
+  const claimId = getClaimId(claim);
+  if (!claimId) return;
+
+  selectedClaimIds = selectedClaimIds.includes(claimId)
+    ? selectedClaimIds.filter((id) => id !== claimId)
+    : [...selectedClaimIds, claimId];
+}
+
+async function loadFactAudit(contentIdToLoad = savedContentId) {
+  if (!contentIdToLoad) return;
+
+  busy = true;
+  error = null;
+
+  try {
+    const response = await client.contents.getFactAudit(contentIdToLoad);
+    if (savedContentId !== contentIdToLoad) return;
+    factAudit = response.data;
+    onFactAuditChange?.(response.data);
+  } catch (err: any) {
+    if (savedContentId !== contentIdToLoad) return;
+    error = err.message || 'Failed to load claim audit';
+  } finally {
+    if (savedContentId === contentIdToLoad) {
+      busy = false;
+    }
+  }
+}
+
+async function repairFactAudit() {
+  if (!savedContentId || busy) return;
+
+  const contentIdToRepair = savedContentId;
+  busy = true;
+  error = null;
+  notice = null;
+
+  try {
+    const response = await client.contents.repairFactAudit(contentIdToRepair);
+    if (savedContentId !== contentIdToRepair) return;
+    factAudit = response.data;
+    notice = `Fact audit repaired: ${response.data.counts.total} claim(s) checked.`;
+    onFactAuditChange?.(response.data);
+  } catch (err: any) {
+    if (savedContentId !== contentIdToRepair) return;
+    error = err.message || 'Failed to repair fact audit';
+  } finally {
+    if (savedContentId === contentIdToRepair) {
+      busy = false;
+    }
+  }
+}
+
+async function recheckFactClaims(claimIds: string[]) {
+  if (!savedContentId || busy || claimIds.length === 0) return;
+
+  const contentIdToRecheck = savedContentId;
+  busy = true;
+  error = null;
+  notice = null;
+
+  try {
+    const response = await client.contents.recheckFactClaims(
+      contentIdToRecheck,
+      {
+        claimFactIds: claimIds,
+      },
+    );
+    if (savedContentId !== contentIdToRecheck) return;
+    factAudit = response.data;
+    notice = `Rechecked ${claimIds.length} claim${claimIds.length === 1 ? '' : 's'} against current evidence.`;
+    selectedClaimIds = selectedClaimIds.filter((id) => !claimIds.includes(id));
+    onFactAuditChange?.(response.data);
+  } catch (err: any) {
+    if (savedContentId !== contentIdToRecheck) return;
+    error = err.message || 'Failed to recheck claim support';
+  } finally {
+    if (savedContentId === contentIdToRecheck) {
+      busy = false;
+    }
+  }
+}
+</script>
+
+<div class="governance-tool">
+  {#if error}
+    <p class="tool-error">{error}</p>
+  {/if}
+
+  {#if notice}
+    <p class="tool-notice">{notice}</p>
+  {/if}
+
+  {#if !savedContentId}
+    <p class="empty-copy">{t(M['content.claim_audit_tool.save_to_audit_claims'])}</p>
+  {:else}
+    <div class="claim-audit-toolbar">
+      <div class="claim-audit-counts">
+        <span><strong>{factAudit?.counts.total ?? 0}</strong> {t(M['content.claim_audit_tool.article_claims'])}</span>
+        <span><strong>{factAudit?.counts.supported ?? 0}</strong> supported</span>
+        <span><strong>{factAudit?.counts.unsupported ?? 0}</strong> unsupported</span>
+        <span><strong>{factAudit?.counts.contradicted ?? 0}</strong> contradicted</span>
+        <span><strong>{factAudit?.counts.needs_review ?? 0}</strong> review</span>
+      </div>
+      <button
+        type="button"
+        class="secondary-button"
+        disabled={busy || selectedClaimCount === 0}
+        onclick={() => void recheckFactClaims(selectedClaimIds)}
+      >
+        {busy ? 'Checking...' : `Recheck selected (${selectedClaimCount})`}
+      </button>
+      <button
+        type="button"
+        class="secondary-button"
+        disabled={busy}
+        onclick={() => void repairFactAudit()}
+      >
+        {busy ? 'Working...' : 'Repair audit'}
+      </button>
+    </div>
+    <p class="empty-copy">
+      {t(M['content.claim_audit_tool.article_claims_help'])}
+    </p>
+
+    {#if actionableWarnings.length}
+      <div class="tool-warning">
+        {#each actionableWarnings as warning}
+          <p>{warning}</p>
+        {/each}
+      </div>
+    {/if}
+
+    {#if !factAudit || factAudit.counts.total === 0}
+      <p class="empty-copy">{t(M['content.claim_audit_tool.no_claim_audit_generated'])}</p>
+    {:else}
+      {#each [
+        ['contradicted', 'Contradicted'],
+        ['unsupported', 'Unsupported'],
+        ['needs_review', 'Needs review'],
+        ['supported', 'Supported']
+      ] as group}
+        {@const groupKey = group[0] as keyof typeof factAuditGroups}
+        {@const groupClaims = factAuditGroups[groupKey]}
+        {#if groupClaims.length > 0}
+          <div class="tool-list">
+            <div class="section-caption">{t(M['content.claim_audit_tool.group_article_claims'], { group: group[1] })}</div>
+            {#each groupClaims as claim (claim.id ?? claim.claimQuote ?? claim.fact.textRefined)}
+              <details class="tool-card">
+                <summary>
+                  <label class="claim-audit-select">
+                    <input
+                      type="checkbox"
+                      checked={isClaimSelected(claim)}
+                      disabled={!getClaimId(claim)}
+                      onchange={() => toggleClaimSelection(claim)}
+                    />
+                  </label>
+                  <span class={`pill pill--${claim.supportStatus === 'supported' ? 'passed' : claim.supportStatus === 'contradicted' ? 'failed' : 'flagged'}`}>
+                    {claim.supportStatus.replace('_', ' ')}
+                  </span>
+                  <strong>{claim.fact.textRefined || claim.claimQuote || claim.id}</strong>
+                </summary>
+                <div class="tool-card-body">
+                  <div class="claim-audit-actions">
+                    <button
+                      type="button"
+                      class="secondary-button"
+                      disabled={busy || !getClaimId(claim)}
+                      onclick={() => {
+                        const claimId = getClaimId(claim);
+                        if (claimId) void recheckFactClaims([claimId]);
+                      }}
+                    >
+                      {t(M['content.claim_audit_tool.recheck_support'])}
+                    </button>
+                  </div>
+                  {#if claim.claimQuote}
+                    <p><strong>{t(M['content.claim_audit_tool.article_claim_label'])}</strong> {claim.claimQuote}</p>
+                  {/if}
+                  {#if claim.rationale}
+                    <p><strong>{t(M['content.claim_audit_tool.support_assessment_label'])}</strong> {claim.rationale}</p>
+                  {/if}
+                  {#if claim.matchedFacts?.length}
+                    <div class="tool-list">
+                      <div class="section-caption">{t(M['content.claim_audit_tool.based_on_source_evidence'])}</div>
+                      {#each claim.matchedFacts as matched (matched.fact.id ?? matched.fact.textRefined)}
+                        <div class="tool-card nested">
+                          <strong>{t(M['content.claim_audit_tool.source_claim_label'])} {matched.fact.textRefined || matched.fact.textRaw || matched.fact.id}</strong>
+                          {#each matched.evidence ?? [] as evidence (evidence.id ?? evidence.evidenceKey)}
+                            <span>
+                              {evidence.sourceTitle || 'Source'}
+                              {#if evidence.locator}
+                                · {evidence.locator}
+                              {/if}
+                              {#if evidence.quote}
+                                · {evidence.quote}
+                              {/if}
+                            </span>
+                          {/each}
+                        </div>
+                      {/each}
+                    </div>
+                  {:else}
+                    <p><strong>{t(M['content.claim_audit_tool.based_on_label'])}</strong> {t(M['content.claim_audit_tool.no_supporting_source_evidence'])}</p>
+                  {/if}
+                </div>
+              </details>
+            {/each}
+          </div>
+        {/if}
+      {/each}
+    {/if}
+  {/if}
+</div>
+
+<style>
+  .governance-tool,
+  .tool-list,
+  .tool-card-body {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+  }
+
+  .claim-audit-toolbar,
+  .claim-audit-counts {
+    display: flex;
+    gap: 0.75rem;
+    align-items: center;
+    flex-wrap: wrap;
+  }
+
+  .claim-audit-toolbar {
+    justify-content: space-between;
+  }
+
+  .claim-audit-counts,
+  .empty-copy,
+  .section-caption,
+  .tool-card span {
+    color: var(--smrt-color-on-surface-variant);
+    font-size: var(--smrt-typography-body-medium-size, 0.85rem);
+  }
+
+  .tool-card {
+    border: 1px solid var(--smrt-color-outline-variant);
+    border-radius: 0.65rem;
+    background: var(--smrt-color-surface);
+    padding: 0.75rem;
+  }
+
+  .tool-card.nested {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+
+  .tool-card summary {
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    gap: 0.6rem;
+  }
+
+  .tool-card p,
+  .tool-warning p {
+    margin: 0;
+  }
+
+  .tool-card-body {
+    padding-top: 0.75rem;
+  }
+
+  .claim-audit-actions {
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  .claim-audit-select {
+    display: inline-flex;
+    line-height: 1;
+  }
+
+  .secondary-button {
+    border-radius: 0.5rem;
+    padding: 0.65rem 0.85rem;
+    border: 1px solid var(--smrt-color-outline-variant);
+    background: var(--smrt-color-surface);
+    color: var(--smrt-color-on-surface);
+    cursor: pointer;
+    font-weight: var(--smrt-typography-weight-semibold, 600);
+  }
+
+  .secondary-button:disabled {
+    cursor: not-allowed;
+    opacity: 0.65;
+  }
+
+  .pill {
+    border-radius: var(--smrt-radius-full, 9999px);
+    padding: 0.2rem 0.55rem;
+    font-size: var(--smrt-typography-label-medium-size, 0.75rem);
+    font-weight: var(--smrt-typography-weight-bold, 700);
+    text-transform: capitalize;
+  }
+
+  .pill--passed {
+    background: color-mix(in srgb, var(--smrt-color-success) 14%, transparent);
+    color: var(--smrt-color-on-success-container);
+  }
+
+  .pill--flagged {
+    background: color-mix(in srgb, var(--smrt-color-warning) 16%, transparent);
+    color: var(--smrt-color-on-warning-container);
+  }
+
+  .pill--failed {
+    background: color-mix(in srgb, var(--smrt-color-error) 14%, transparent);
+    color: var(--smrt-color-on-error-container);
+  }
+
+  .tool-error,
+  .tool-notice,
+  .tool-warning {
+    margin: 0;
+    border-radius: 0.6rem;
+    padding: 0.75rem 0.9rem;
+    font-size: var(--smrt-typography-body-medium-size, 0.9rem);
+  }
+
+  .tool-error {
+    background: color-mix(in srgb, var(--smrt-color-error) 10%, transparent);
+    color: var(--smrt-color-on-error-container);
+  }
+
+  .tool-notice {
+    background: color-mix(in srgb, var(--smrt-color-primary) 10%, transparent);
+    color: var(--smrt-color-on-primary-container);
+  }
+
+  .tool-warning {
+    background: color-mix(in srgb, var(--smrt-color-warning) 12%, transparent);
+    color: var(--smrt-color-on-warning-container);
+  }
+</style>

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

@@ -0,0 +1,12 @@
+import type { FactAuditStateData } from '../../mock-smrt-client';
+export interface Props {
+    apiBaseUrl?: string;
+    contentId: string;
+    onFactAuditChange?: (state: FactAuditStateData | null) => void;
+}
+declare const ContentClaimAuditTool: import("svelte").Component<Props, {
+    refresh: () => Promise<void>;
+}, "">;
+type ContentClaimAuditTool = ReturnType<typeof ContentClaimAuditTool>;
+export default ContentClaimAuditTool;
+//# sourceMappingURL=ContentClaimAuditTool.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentClaimAuditTool.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentClaimAuditTool.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAEV,kBAAkB,EACnB,MAAM,wBAAwB,CAAC;AAMhC,MAAM,WAAW,KAAK;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;CAChE;AA8RD,QAAA,MAAM,qBAAqB;;MAAwC,CAAC;AACpE,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACtE,eAAe,qBAAqB,CAAC"}