@happyvertical/smrt-content 0.34.6 → 0.34.7

package/dist/manifest.json

@@ -1,8 +1,8 @@
 {
   "version": "1.0.0",
-  "timestamp": 1782278497285,
+  "timestamp": 1782290175450,
   "packageName": "@happyvertical/smrt-content",
-  "packageVersion": "0.34.6",
+  "packageVersion": "0.34.7",
   "objects": {
     "@happyvertical/smrt-content:ContentAsset": {
       "name": "contentasset",

package/dist/smrt-knowledge.json

@@ -1,13 +1,13 @@
 {
   "schemaVersion": 1,
-  "generatedAt": "2026-06-24T05:21:38.489Z",
+  "generatedAt": "2026-06-24T08:36:16.418Z",
   "packageName": "@happyvertical/smrt-content",
-  "packageVersion": "0.34.6",
+  "packageVersion": "0.34.7",
   "sourceManifestPath": "dist/manifest.json",
   "agentDocPath": "AGENTS.md",
   "sourceHashes": {
-    "manifest": "ed79ee816edadc64f6d3d336ce0e1cc753da30d8ed33e430456756a6757f0e62",
-    "packageJson": "b9e5e8fe0bded3d8f38ac434e80766155889ffd3caffa05f076ecc8e1eda68db",
+    "manifest": "43cf986f548e44679e46d3aa7f5aac5d82cfc41721c5a19465ec15cd86145005",
+    "packageJson": "eb13884b3fb83b76e1818ee4ae5f0cca5c437f1d62223e23dc5a3b4f6914fad8",
     "agents": "d3e1fdba8cf8c8f393e682616c56fefcc789c44018407bbdf7332d5f06cfbb5c"
   },
   "exports": [

package/dist/svelte/components/ContentAgentChat.svelte

@@ -6,6 +6,7 @@
  */
 
 import { AgentChat } from '@happyvertical/smrt-chat/svelte';
+import { Input, Select } from '@happyvertical/smrt-ui/forms';
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
 import { Button } from '@happyvertical/smrt-ui/ui';
 import type {
@@ -432,11 +433,11 @@ async function handleSendMessage(content: string) {
     </div>
   {:else if session}
     <div class="model-bar">
-      <select class="smrt-select model-select" bind:value={selectedModelId}>
+      <Select class="smrt-select model-select" bind:value={selectedModelId}>
         {#each availableAIModels as model}
           <option value={model.id}>{model.label}</option>
         {/each}
-      </select>
+      </Select>
     </div>
     
     <div class="chat-main">
@@ -465,9 +466,9 @@ async function handleSendMessage(content: string) {
     <div class="topic-footer">
       {#if showNewTopicInput}
         <div class="new-topic-row">
-          <input 
-            class="new-topic-input" 
-            type="text" 
+          <Input
+            class="new-topic-input"
+            type="text"
             placeholder={t(M['content.content_agent_chat.topic_name_placeholder'])}
             bind:value={newTopicTitle}
             onkeydown={(e: KeyboardEvent) => { if (e.key === 'Enter') { createNewTopic(); showNewTopicInput = false; } }}
@@ -478,9 +479,9 @@ async function handleSendMessage(content: string) {
           <Button variant="ghost" size="sm" type="button" class="topic-action-btn topic-cancel-btn" onclick={() => { showNewTopicInput = false; }} aria-label={t(M['content.content_agent_chat.cancel'])} title={t(M['content.content_agent_chat.cancel'])}>✕</Button>
         </div>
       {:else}
-        <select 
-          class="smrt-select topic-select" 
-          bind:value={activeThreadId} 
+        <Select
+          class="smrt-select topic-select"
+          value={activeThreadId ?? ''}
           onchange={(e: Event) => loadThread((e.currentTarget as HTMLSelectElement).value)}
           disabled={!threads.length}
         >
@@ -490,7 +491,7 @@ async function handleSendMessage(content: string) {
           {#each threads as thread}
             <option value={thread.id}>{thread.title || t(M['content.content_agent_chat.untitled_topic'])}</option>
           {/each}
-        </select>
+        </Select>
         <Button variant="ghost" size="sm" type="button" class="topic-action-btn" onclick={() => { showNewTopicInput = true; newTopicTitle = ''; }} title={t(M['content.content_agent_chat.new_topic'])}>
           <svg viewBox="0 0 24 24" width="14" height="14" stroke="currentColor" stroke-width="2.5" fill="none" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>
           {t(M['content.content_agent_chat.new'])}
@@ -541,7 +542,7 @@ async function handleSendMessage(content: string) {
     background: var(--smrt-color-surface-container-lowest, #ffffff);
   }
 
-  .smrt-select {
+  .content-agent-chat-container :global(.smrt-select) {
     width: 100%;
     padding: var(--smrt-spacing-1, 4px) var(--smrt-spacing-2, 8px);
     border-radius: var(--smrt-radius-md, 8px);
@@ -552,15 +553,15 @@ async function handleSendMessage(content: string) {
     outline: none;
     cursor: pointer;
   }
-  
-  .smrt-select:disabled {
+
+  .content-agent-chat-container :global(.smrt-select:disabled) {
     background: var(--smrt-color-surface-container, #f3f4f9);
     color: var(--smrt-color-on-surface-variant, #43474e);
     cursor: not-allowed;
     opacity: 0.7;
   }
 
-  .smrt-select:focus {
+  .content-agent-chat-container :global(.smrt-select:focus) {
     background: var(--smrt-color-surface-variant, #e1e2ec);
   }
 
@@ -589,7 +590,7 @@ async function handleSendMessage(content: string) {
     background: var(--smrt-color-surface-container-lowest, #ffffff);
   }
 
-  .topic-footer .smrt-select {
+  .topic-footer :global(.smrt-select) {
     flex: 1;
   }
 
@@ -626,7 +627,7 @@ async function handleSendMessage(content: string) {
     width: 100%;
   }
 
-  .new-topic-input {
+  .new-topic-row :global(.new-topic-input) {
     flex: 1;
     padding: var(--smrt-spacing-1, 4px) var(--smrt-spacing-2, 8px);
     border: 1px solid var(--smrt-color-outline-variant, #c4c6d0);
@@ -637,7 +638,7 @@ async function handleSendMessage(content: string) {
     color: var(--smrt-color-on-surface, #1a1c1e);
   }
 
-  .new-topic-input:focus {
+  .new-topic-row :global(.new-topic-input:focus) {
     border-color: var(--smrt-color-primary, #005ac1);
   }
 </style>

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

@@ -1 +1 @@
-{"version":3,"file":"ContentAgentChat.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentAgentChat.svelte.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EACV,6BAA6B,EAC7B,0CAA0C,EAC3C,MAAM,gCAAgC,CAAC;AASxC,MAAM,WAAW,KAAK;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,6BAA6B,GAAG,IAAI,CAAC;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uBAAuB,CAAC,EAAE,0CAA0C,CAAC;IACrE,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAmdD,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ContentAgentChat.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentAgentChat.svelte.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACV,6BAA6B,EAC7B,0CAA0C,EAC3C,MAAM,gCAAgC,CAAC;AASxC,MAAM,WAAW,KAAK;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gBAAgB,CAAC,EAAE,6BAA6B,GAAG,IAAI,CAAC;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uBAAuB,CAAC,EAAE,0CAA0C,CAAC;IACrE,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;IACzD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAodD,QAAA,MAAM,gBAAgB,2CAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/svelte/components/ContentBodyEditor.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
 import type { ImageLike } from '@happyvertical/smrt-images/svelte';
+import { Select } from '@happyvertical/smrt-ui/forms';
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
 import { Button } from '@happyvertical/smrt-ui/ui';
 import {
@@ -1026,13 +1027,13 @@ function handleEditorDragEnd() {
 
     <label class="format-select">
       <span>{t(M['content.content_body_editor.save_as'])}</span>
-      <select
+      <Select
         value={currentFormat}
         onchange={(event) => setBodyFormat((event.currentTarget as HTMLSelectElement).value as ContentBodyFormat)}
       >
         <option value="html">HTML</option>
         <option value="markdown">Markdown</option>
-      </select>
+      </Select>
     </label>
   </div>
 
@@ -1247,7 +1248,7 @@ function handleEditorDragEnd() {
     color: var(--smrt-color-on-surface-variant);
   }
 
-  .format-select select {
+  .format-select :global(.select) {
     min-height: 2rem;
     border: 1px solid var(--smrt-color-outline-variant);
     border-radius: 0.45rem;

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

@@ -1 +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;AAGnE,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;AAulCD,QAAA,MAAM,iBAAiB;8BArdW,GAAG;wBAIT,MAAM;MAid6B,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}
+{"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;AAInE,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;AAwlCD,QAAA,MAAM,iBAAiB;8BArdW,GAAG;wBAIT,MAAM;MAid6B,CAAC;AAChE,KAAK,iBAAiB,GAAG,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAC;AAC9D,eAAe,iBAAiB,CAAC"}

package/dist/svelte/components/ContentClaimAuditTool.svelte

@@ -245,6 +245,7 @@ async function recheckFactClaims(claimIds: string[]) {
               <details class="tool-card">
                 <summary>
                   <label class="claim-audit-select">
+                    <!-- raw-primitive-allow: native checkbox; no Provider-free checkbox primitive (Toggle is a switch with different semantics, CheckboxInput requires a Provider) -->
                     <input
                       type="checkbox"
                       checked={isClaimSelected(claim)}

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

@@ -1 +1 @@
-{"version":3,"file":"ContentClaimAuditTool.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentClaimAuditTool.svelte.ts"],"names":[],"mappings":"AAKA,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;AA+RD,QAAA,MAAM,qBAAqB;;MAAwC,CAAC;AACpE,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACtE,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"ContentClaimAuditTool.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentClaimAuditTool.svelte.ts"],"names":[],"mappings":"AAKA,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;AAgSD,QAAA,MAAM,qBAAqB;;MAAwC,CAAC;AACpE,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC;AACtE,eAAe,qBAAqB,CAAC"}

package/dist/svelte/components/ContentContributionForm.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+import { Form, Input, Select, Textarea } from '@happyvertical/smrt-ui/forms';
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
 import { Button } from '@happyvertical/smrt-ui/ui';
 import type {
@@ -119,83 +120,87 @@ function handleSubmit(event: SubmitEvent) {
 }
 </script>
 
-<form
-  class="contribution-form"
-  method="post"
-  enctype="multipart/form-data"
-  {action}
-  onsubmit={handleSubmit}
->
-  <h3>{t(M['content.contribution_form.heading'])}</h3>
-
-  <label>
-    {t(M['content.contribution_form.contribution_type'])}
-    <select name="typeKey" bind:value={draft.typeKey} required>
-      {#each types.filter((type) => type.enabled !== false) as type (type.key)}
-        <option value={type.key}>{type.label}</option>
-      {/each}
-    </select>
-  </label>
-
-  {#if showContributorFields}
-    <div class="grid">
-      <label>
-        Email
-        <input name="contributorEmail" type="email" bind:value={draft.contributorEmail} required />
-      </label>
-      <label>
-        Name
-        <input name="contributorName" type="text" bind:value={draft.contributorName} />
-      </label>
-    </div>
-  {/if}
+<div class="contribution-form-shell">
+  <Form
+    class="contribution-form"
+    method="post"
+    enctype="multipart/form-data"
+    {action}
+    preventDefault={false}
+    onsubmit={handleSubmit}
+  >
+    <h3>{t(M['content.contribution_form.heading'])}</h3>
 
-  <label>
-    Title
-    <input name="title" type="text" bind:value={draft.title} />
-  </label>
+    <label>
+      {t(M['content.contribution_form.contribution_type'])}
+      <Select name="typeKey" bind:value={draft.typeKey} required>
+        {#each types.filter((type) => type.enabled !== false) as type (type.key)}
+          <option value={type.key}>{type.label}</option>
+        {/each}
+      </Select>
+    </label>
 
-  <label>
-    Description
-    <textarea name="description" bind:value={draft.description} rows="2"></textarea>
-  </label>
+    {#if showContributorFields}
+      <div class="grid">
+        <label>
+          Email
+          <Input name="contributorEmail" type="email" bind:value={draft.contributorEmail} required />
+        </label>
+        <label>
+          Name
+          <Input name="contributorName" type="text" bind:value={draft.contributorName} />
+        </label>
+      </div>
+    {/if}
 
-  <label>
-    Body
-    <textarea name="body" bind:value={draft.body} rows="8"></textarea>
-  </label>
+    <label>
+      Title
+      <Input name="title" type="text" bind:value={draft.title} />
+    </label>
 
-  {#if activeType?.allowFiles !== false}
     <label>
-      {t(M['content.contribution_form.attach_files'])}
-      <input
-        name="files"
-        type="file"
-        multiple
-        onchange={handleFileChange}
-      />
+      Description
+      <Textarea name="description" bind:value={draft.description} rows={2}></Textarea>
     </label>
-    {#if draft.files.length > 0}
-      <div class="file-list">
-        {#each draft.files as file (file.name + file.size)}
-          <span>{file.name} ({Math.max(1, Math.round(file.size / 1024))} KB)</span>
-        {/each}
-      </div>
-    {/if}
-  {/if}
-
-  <div class="actions">
-    <Button variant="primary" type="submit">{submitLabel}</Button>
-    {#if onCancel}
-      <Button variant="secondary" type="button" onclick={() => onCancel?.()}>
-        Cancel
-      </Button>
+
+    <label>
+      Body
+      <Textarea name="body" bind:value={draft.body} rows={8}></Textarea>
+    </label>
+
+    {#if activeType?.allowFiles !== false}
+      <label>
+        {t(M['content.contribution_form.attach_files'])}
+        <!-- raw-primitive-allow: native file input — the Input primitive binds value, which is invalid for type=file (throws InvalidStateError on the bind write-back) and renders a visible control; a file picker stays native -->
+        <input
+          name="files"
+          type="file"
+          multiple
+          onchange={handleFileChange}
+        />
+      </label>
+      {#if draft.files.length > 0}
+        <div class="file-list">
+          {#each draft.files as file (file.name + file.size)}
+            <span>{file.name} ({Math.max(1, Math.round(file.size / 1024))} KB)</span>
+          {/each}
+        </div>
+      {/if}
     {/if}
-  </div>
-</form>
+
+    <div class="actions">
+      <Button variant="primary" type="submit">{submitLabel}</Button>
+      {#if onCancel}
+        <Button variant="secondary" type="button" onclick={() => onCancel?.()}>
+          Cancel
+        </Button>
+      {/if}
+    </div>
+  </Form>
+</div>
 
 <style>
-  .contribution-form {
+  .contribution-form-shell :global(.contribution-form) {
     display: grid;
     gap: 0.85rem;
   }

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

@@ -1 +1 @@
-{"version":3,"file":"ContentContributionForm.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentContributionForm.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACV,uBAAuB,EACvB,2BAA2B,EAC5B,MAAM,wBAAwB,CAAC;AAIhC,MAAM,WAAW,iCAAiC;IAChD,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AAED,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,2BAA2B,EAAE,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;IAC3C,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,iCAAiC,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAyKD,QAAA,MAAM,uBAAuB,2CAAwC,CAAC;AACtE,KAAK,uBAAuB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAC1E,eAAe,uBAAuB,CAAC"}
+{"version":3,"file":"ContentContributionForm.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentContributionForm.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,uBAAuB,EACvB,2BAA2B,EAC5B,MAAM,wBAAwB,CAAC;AAIhC,MAAM,WAAW,iCAAiC;IAChD,OAAO,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,IAAI,EAAE,CAAC;CACf;AAED,MAAM,WAAW,KAAK;IACpB,KAAK,CAAC,EAAE,2BAA2B,EAAE,CAAC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;IAC3C,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,iCAAiC,KAAK,IAAI,CAAC;IAChE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AA6KD,QAAA,MAAM,uBAAuB,2CAAwC,CAAC;AACtE,KAAK,uBAAuB,GAAG,UAAU,CAAC,OAAO,uBAAuB,CAAC,CAAC;AAC1E,eAAe,uBAAuB,CAAC"}

package/dist/svelte/components/ContentContributionInbox.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+import { Form, Input, Select, Textarea } from '@happyvertical/smrt-ui/forms';
 import { useI18n } from '@happyvertical/smrt-ui/i18n';
 import { Button } from '@happyvertical/smrt-ui/ui';
 import type { ContentContributionData } from '../../mock-smrt-client';
@@ -183,28 +184,29 @@ $effect(() => {
             {/if}
           </dl>
 
-          <form
+          <Form
             method="post"
             action={workflowFormAction}
+            preventDefault={false}
             onsubmit={handleWorkflowSubmit}
           >
             {#if selectedContribution.id}
-              <input type="hidden" name="contributionId" value={selectedContribution.id} />
+              <Input type="hidden" name="contributionId" value={selectedContribution.id} />
             {/if}
 
             <label>
               {t(M['content.contribution_inbox.editorial_note'])}
-              <textarea name="editorNote" bind:value={note} rows="4"></textarea>
+              <Textarea name="editorNote" bind:value={note} rows={4}></Textarea>
             </label>
 
             <div class="actions">
               {#if onApprove || workflowFormAction}
                 <label class="inline">
                   {t(M['content.contribution_inbox.promote_to'])}
-                  <select name="targetStatus" bind:value={targetStatus}>
+                  <Select name="targetStatus" bind:value={targetStatus}>
                     <option value="draft">draft</option>
                     <option value="review">review</option>
-                  </select>
+                  </Select>
                 </label>
                 <Button
                   variant="primary"
@@ -241,7 +243,7 @@ $effect(() => {
                 </Button>
               {/if}
             </div>
-          </form>
+          </Form>
         </article>
       {/if}
     </div>
@@ -253,7 +255,7 @@ $effect(() => {
   .inbox__header,
   .inbox__layout,
   .inbox__detail,
-  .inbox__detail form {
+  .inbox__detail :global(.form) {
     display: grid;
     gap: 1rem;
   }

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

@@ -1 +1 @@
-{"version":3,"file":"ContentContributionInbox.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentContributionInbox.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAItE,MAAM,WAAW,KAAK;IACpB,aAAa,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,CACV,YAAY,EAAE,uBAAuB,EACrC,OAAO,EAAE;QAAE,YAAY,EAAE,OAAO,GAAG,QAAQ,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KACxD,IAAI,CAAC;IACV,gBAAgB,CAAC,EAAE,CACjB,YAAY,EAAE,uBAAuB,EACrC,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KACtB,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,CACT,YAAY,EAAE,uBAAuB,EACrC,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KACtB,IAAI,CAAC;CACX;AAkND,QAAA,MAAM,wBAAwB,2CAAwC,CAAC;AACvE,KAAK,wBAAwB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAC5E,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"ContentContributionInbox.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentContributionInbox.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAItE,MAAM,WAAW,KAAK;IACpB,aAAa,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,CACV,YAAY,EAAE,uBAAuB,EACrC,OAAO,EAAE;QAAE,YAAY,EAAE,OAAO,GAAG,QAAQ,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,KACxD,IAAI,CAAC;IACV,gBAAgB,CAAC,EAAE,CACjB,YAAY,EAAE,uBAAuB,EACrC,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KACtB,IAAI,CAAC;IACV,QAAQ,CAAC,EAAE,CACT,YAAY,EAAE,uBAAuB,EACrC,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,KACtB,IAAI,CAAC;CACX;AAmND,QAAA,MAAM,wBAAwB,2CAAwC,CAAC;AACvE,KAAK,wBAAwB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAC5E,eAAe,wBAAwB,CAAC"}