@happyvertical/smrt-content 0.30.0

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

@@ -0,0 +1,26 @@
+import type { ContentEditorAssistantContextChange, ContentEditorAssistantFieldUpdateAllowList } from '../../content-editor-assistant';
+import type { FactAuditStateData } from '../../mock-smrt-client';
+export interface Props {
+    apiBaseUrl?: string;
+    content?: any;
+    contentId?: string;
+    factAudit?: FactAuditStateData | null;
+    saveDisabled?: boolean;
+    saveNotice?: string | null;
+    agentChatEnabled?: boolean;
+    agentChatNotice?: string | null;
+    hideActions?: boolean;
+    hideChat?: boolean;
+    assistantFieldAllowList?: ContentEditorAssistantFieldUpdateAllowList;
+    onAssistantContextChange?: ContentEditorAssistantContextChange;
+    onChange?: (data: any) => void;
+    onFactAuditChange?: (state: FactAuditStateData | null) => void;
+    onSave: (data: any) => void;
+    onCancel: () => void;
+}
+declare const ContentEditor: import("svelte").Component<Props, {
+    triggerSave: () => void;
+}, "">;
+type ContentEditor = ReturnType<typeof ContentEditor>;
+export default ContentEditor;
+//# sourceMappingURL=ContentEditor.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentEditor.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentEditor.svelte.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAEV,mCAAmC,EACnC,0CAA0C,EAE3C,MAAM,gCAAgC,CAAC;AAKxC,OAAO,KAAK,EAEV,kBAAkB,EAEnB,MAAM,wBAAwB,CAAC;AAiBhC,MAAM,WAAW,KAAK;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uBAAuB,CAAC,EAAE,0CAA0C,CAAC;IACrE,wBAAwB,CAAC,EAAE,mCAAmC,CAAC;IAC/D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/D,MAAM,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC5B,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAmtCD,QAAA,MAAM,aAAa;;MAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/svelte/components/ContentGovernanceAssignmentEditor.svelte

@@ -0,0 +1,199 @@
+<script lang="ts">
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import type {
+  ContentGovernanceAssignmentData,
+  ContentGovernanceProfileData,
+} from '../../mock-smrt-client';
+import { M } from '../i18n.tools.js';
+
+const { t } = useI18n();
+
+export interface Props {
+  assignment?: Partial<ContentGovernanceAssignmentData>;
+  profiles?: ContentGovernanceProfileData[];
+  onSave: (assignment: Partial<ContentGovernanceAssignmentData>) => void;
+  onCancel?: () => void;
+}
+
+let {
+  assignment = {},
+  profiles = [],
+  onSave,
+  onCancel = undefined,
+}: Props = $props();
+
+function resolveProfileKey(
+  preferredKey: string | null | undefined,
+  availableProfiles: ContentGovernanceProfileData[],
+  fallbackKey?: string,
+) {
+  if (
+    preferredKey &&
+    availableProfiles.some((profile) => profile.key === preferredKey)
+  ) {
+    return preferredKey;
+  }
+
+  if (
+    fallbackKey &&
+    availableProfiles.some((profile) => profile.key === fallbackKey)
+  ) {
+    return fallbackKey;
+  }
+
+  return availableProfiles[0]?.key || '';
+}
+
+function createDraft(
+  sourceAssignment: Partial<ContentGovernanceAssignmentData>,
+  availableProfiles: ContentGovernanceProfileData[],
+) {
+  return {
+    label: sourceAssignment.label || '',
+    contentType: sourceAssignment.contentType || 'article',
+    contentVariant: sourceAssignment.contentVariant || '',
+    enabled: sourceAssignment.enabled ?? true,
+    factLinkingEnabled: sourceAssignment.factLinkingEnabled ?? true,
+    transparencyEnabled: sourceAssignment.transparencyEnabled ?? true,
+    publicationProfileKey: resolveProfileKey(
+      sourceAssignment.publicationProfileKey,
+      availableProfiles,
+      'publication',
+    ),
+    correctionProfileKey: resolveProfileKey(
+      sourceAssignment.correctionProfileKey,
+      availableProfiles,
+      'correction',
+    ),
+    enforcePublishReadiness: sourceAssignment.enforcePublishReadiness ?? false,
+    defaultFactRelationship:
+      sourceAssignment.defaultFactRelationship || 'supports',
+  };
+}
+
+let draft = $state(createDraft({}, []));
+
+$effect(() => {
+  draft = createDraft(assignment, profiles);
+});
+
+function handleSubmit() {
+  onSave({
+    ...assignment,
+    label: draft.label,
+    contentType: draft.contentType,
+    contentVariant: draft.contentVariant || null,
+    enabled: draft.enabled,
+    factLinkingEnabled: draft.factLinkingEnabled,
+    transparencyEnabled: draft.transparencyEnabled,
+    publicationProfileKey: draft.publicationProfileKey || null,
+    correctionProfileKey: draft.correctionProfileKey || null,
+    enforcePublishReadiness: draft.enforcePublishReadiness,
+    defaultFactRelationship: draft.defaultFactRelationship,
+  });
+}
+</script>
+
+<form class="governance-editor" onsubmit={(event) => {
+  event.preventDefault();
+  handleSubmit();
+}}>
+  <label>
+    Label
+    <input type="text" bind:value={draft.label} />
+  </label>
+  <label>
+    {t(M['content.governance_assignment_editor.content_type'])}
+    <input type="text" bind:value={draft.contentType} required />
+  </label>
+  <label>
+    {t(M['content.governance_assignment_editor.content_variant'])}
+    <input type="text" bind:value={draft.contentVariant} />
+  </label>
+  <label>
+    {t(M['content.governance_assignment_editor.publication_profile'])}
+    <select bind:value={draft.publicationProfileKey}>
+      <option value="" disabled={profiles.length > 0}>{t(M['content.governance_assignment_editor.select_a_profile'])}</option>
+      {#each profiles as profile (profile.key)}
+        <option value={profile.key}>{profile.label}</option>
+      {/each}
+    </select>
+  </label>
+  <label>
+    {t(M['content.governance_assignment_editor.correction_profile'])}
+    <select bind:value={draft.correctionProfileKey}>
+      <option value="" disabled={profiles.length > 0}>{t(M['content.governance_assignment_editor.select_a_profile'])}</option>
+      {#each profiles as profile (profile.key)}
+        <option value={profile.key}>{profile.label}</option>
+      {/each}
+    </select>
+  </label>
+  <label>
+    {t(M['content.governance_assignment_editor.default_fact_relationship'])}
+    <select bind:value={draft.defaultFactRelationship}>
+      <option value="supports">supports</option>
+      <option value="referenced_in">referenced_in</option>
+      <option value="contradicts">contradicts</option>
+      <option value="related">related</option>
+    </select>
+  </label>
+
+  <div class="checkbox-grid">
+    <label class="checkbox">
+      <input type="checkbox" bind:checked={draft.enabled} />
+      Enabled
+    </label>
+    <label class="checkbox">
+      <input type="checkbox" bind:checked={draft.factLinkingEnabled} />
+      {t(M['content.governance_assignment_editor.fact_linking'])}
+    </label>
+    <label class="checkbox">
+      <input type="checkbox" bind:checked={draft.transparencyEnabled} />
+      Transparency
+    </label>
+    <label class="checkbox">
+      <input type="checkbox" bind:checked={draft.enforcePublishReadiness} />
+      {t(M['content.governance_assignment_editor.enforce_publish_readiness'])}
+    </label>
+  </div>
+
+  <div class="actions">
+    <button type="submit">{t(M['content.governance_assignment_editor.save_assignment'])}</button>
+    {#if onCancel}
+      <button type="button" class="secondary" onclick={() => onCancel?.()}>
+        Cancel
+      </button>
+    {/if}
+  </div>
+</form>
+
+<style>
+  .governance-editor {
+    display: grid;
+    gap: 0.75rem;
+  }
+
+  label {
+    display: grid;
+    gap: 0.35rem;
+    font-size: var(--smrt-typography-label-large-size, 0.9rem);
+  }
+
+  input,
+  select {
+    width: 100%;
+  }
+
+  .checkbox-grid,
+  .actions {
+    display: flex;
+    gap: 0.75rem;
+    flex-wrap: wrap;
+  }
+
+  .checkbox {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+</style>

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

@@ -0,0 +1,11 @@
+import type { ContentGovernanceAssignmentData, ContentGovernanceProfileData } from '../../mock-smrt-client';
+export interface Props {
+    assignment?: Partial<ContentGovernanceAssignmentData>;
+    profiles?: ContentGovernanceProfileData[];
+    onSave: (assignment: Partial<ContentGovernanceAssignmentData>) => void;
+    onCancel?: () => void;
+}
+declare const ContentGovernanceAssignmentEditor: import("svelte").Component<Props, {}, "">;
+type ContentGovernanceAssignmentEditor = ReturnType<typeof ContentGovernanceAssignmentEditor>;
+export default ContentGovernanceAssignmentEditor;
+//# sourceMappingURL=ContentGovernanceAssignmentEditor.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentGovernanceAssignmentEditor.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentGovernanceAssignmentEditor.svelte.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,+BAA+B,EAC/B,4BAA4B,EAC7B,MAAM,wBAAwB,CAAC;AAIhC,MAAM,WAAW,KAAK;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC,+BAA+B,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,4BAA4B,EAAE,CAAC;IAC1C,MAAM,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,+BAA+B,CAAC,KAAK,IAAI,CAAC;IACvE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAqKD,QAAA,MAAM,iCAAiC,2CAAwC,CAAC;AAChF,KAAK,iCAAiC,GAAG,UAAU,CAAC,OAAO,iCAAiC,CAAC,CAAC;AAC9F,eAAe,iCAAiC,CAAC"}

package/dist/svelte/components/ContentGovernanceManager.svelte

@@ -0,0 +1,340 @@
+<script lang="ts">
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { onMount } from 'svelte';
+import {
+  type ContentGovernanceAssignmentData,
+  type ContentGovernanceDefinitionsData,
+  type ContentGovernanceProfileData,
+  type ContentReviewPolicyData,
+  createClient,
+} from '../../mock-smrt-client';
+import { normalizeApiBaseUrl } from '../api';
+import type { ContentGovernanceManagerClient } from '../governance-manager-client';
+import { M } from '../i18n.tools.js';
+import ContentGovernanceAssignmentEditor from './ContentGovernanceAssignmentEditor.svelte';
+import ContentGovernancePolicyEditor from './ContentGovernancePolicyEditor.svelte';
+import ContentGovernanceProfileEditor from './ContentGovernanceProfileEditor.svelte';
+
+type EditMode = 'policy' | 'profile' | 'assignment' | null;
+
+export interface Props {
+  apiBaseUrl?: string;
+  client?: ContentGovernanceManagerClient;
+  onChange?: (definitions: ContentGovernanceDefinitionsData | null) => void;
+}
+
+let {
+  apiBaseUrl = '/api/v1',
+  client = undefined,
+  onChange = undefined,
+}: Props = $props();
+
+const { t } = useI18n();
+
+const governanceClient = $derived(
+  client ?? createClient(normalizeApiBaseUrl(apiBaseUrl)),
+);
+
+let definitions = $state<ContentGovernanceDefinitionsData | null>(null);
+let loading = $state(true);
+let error = $state<string | null>(null);
+let editMode = $state<EditMode>(null);
+let editingPolicy = $state<ContentReviewPolicyData | null>(null);
+let editingProfile = $state<ContentGovernanceProfileData | null>(null);
+let editingAssignment = $state<ContentGovernanceAssignmentData | null>(null);
+
+onMount(async () => {
+  await loadDefinitions();
+});
+
+async function loadDefinitions() {
+  loading = true;
+  error = null;
+
+  try {
+    const response = await governanceClient.contents.getGovernanceDefinitions();
+    definitions = response.data;
+    onChange?.(response.data);
+  } catch (err: any) {
+    error = err.message || 'Failed to load governance definitions';
+  } finally {
+    loading = false;
+  }
+}
+
+async function savePolicy(policy: Partial<ContentReviewPolicyData>) {
+  if (editingPolicy?.id) {
+    await governanceClient.contentGovernancePolicies.update(
+      editingPolicy.id,
+      policy,
+    );
+  } else {
+    await governanceClient.contentGovernancePolicies.create(policy);
+  }
+
+  editMode = null;
+  editingPolicy = null;
+  await loadDefinitions();
+}
+
+async function saveProfile(profile: Partial<ContentGovernanceProfileData>) {
+  if (editingProfile?.id) {
+    await governanceClient.contentGovernanceProfiles.update(
+      editingProfile.id,
+      profile,
+    );
+  } else {
+    await governanceClient.contentGovernanceProfiles.create(profile);
+  }
+
+  editMode = null;
+  editingProfile = null;
+  await loadDefinitions();
+}
+
+async function saveAssignment(
+  assignment: Partial<ContentGovernanceAssignmentData>,
+) {
+  if (editingAssignment?.id) {
+    await governanceClient.contentGovernanceAssignments.update(
+      editingAssignment.id,
+      assignment,
+    );
+  } else {
+    await governanceClient.contentGovernanceAssignments.create(assignment);
+  }
+
+  editMode = null;
+  editingAssignment = null;
+  await loadDefinitions();
+}
+
+async function deletePolicy(id?: string) {
+  if (!id) return;
+  await governanceClient.contentGovernancePolicies.delete(id);
+  await loadDefinitions();
+}
+
+async function deleteProfile(id?: string) {
+  if (!id) return;
+  await governanceClient.contentGovernanceProfiles.delete(id);
+  await loadDefinitions();
+}
+
+async function deleteAssignment(id?: string) {
+  if (!id) return;
+  await governanceClient.contentGovernanceAssignments.delete(id);
+  await loadDefinitions();
+}
+
+function cancelEditing() {
+  editMode = null;
+  editingPolicy = null;
+  editingProfile = null;
+  editingAssignment = null;
+}
+</script>
+
+<div class="governance-manager">
+  <div class="governance-manager__header">
+    <div>
+      <h3>{t(M['content.governance_manager.content_governance'])}</h3>
+      <p>{t(M['content.governance_manager.manage_governed_content'])}</p>
+    </div>
+    <button type="button" class="secondary" onclick={() => void loadDefinitions()}>
+      Refresh
+    </button>
+  </div>
+
+  {#if loading}
+    <p>{t(M['content.governance_manager.loading_governance_definitions'])}</p>
+  {:else if error}
+    <p class="error">{error}</p>
+  {:else if definitions}
+    <div class="governance-manager__grid">
+      <section>
+        <div class="section-header">
+          <h4>Policies</h4>
+          <button type="button" onclick={() => {
+            editMode = 'policy';
+            editingPolicy = null;
+          }}>
+            {t(M['content.governance_manager.add_policy'])}
+          </button>
+        </div>
+        {#if editMode === 'policy'}
+          {#key editingPolicy?.id ?? editingPolicy?.key ?? 'new-policy'}
+            <ContentGovernancePolicyEditor
+              policy={editingPolicy || {}}
+              onSave={savePolicy}
+              onCancel={cancelEditing}
+            />
+          {/key}
+        {/if}
+        <div class="list">
+          {#each definitions.effective.policies as policy (policy.key)}
+            <article class="card">
+              <div>
+                <strong>{policy.label}</strong>
+                <span>{policy.key} · {policy.kind}</span>
+              </div>
+              <div class="actions">
+                <button type="button" class="secondary" onclick={() => {
+                  editMode = 'policy';
+                  editingPolicy = policy;
+                }}>
+                  Edit
+                </button>
+                {#if definitions.persisted.policies.some((item) => item.key === policy.key)}
+                  <button type="button" class="secondary" onclick={() => void deletePolicy(policy.id)}>
+                    {t(M['content.governance_manager.delete_override'])}
+                  </button>
+                {/if}
+              </div>
+            </article>
+          {/each}
+        </div>
+      </section>
+
+      <section>
+        <div class="section-header">
+          <h4>Profiles</h4>
+          <button type="button" onclick={() => {
+            editMode = 'profile';
+            editingProfile = null;
+          }}>
+            {t(M['content.governance_manager.add_profile'])}
+          </button>
+        </div>
+        {#if editMode === 'profile'}
+          {#key editingProfile?.id ?? editingProfile?.key ?? 'new-profile'}
+            <ContentGovernanceProfileEditor
+              profile={editingProfile || {}}
+              policies={definitions.effective.policies}
+              onSave={saveProfile}
+              onCancel={cancelEditing}
+            />
+          {/key}
+        {/if}
+        <div class="list">
+          {#each definitions.effective.profiles as profile (profile.key)}
+            <article class="card">
+              <div>
+                <strong>{profile.label}</strong>
+                <span>{profile.key} · {profile.requirements.length} requirement(s)</span>
+              </div>
+              <div class="actions">
+                <button type="button" class="secondary" onclick={() => {
+                  editMode = 'profile';
+                  editingProfile = profile;
+                }}>
+                  Edit
+                </button>
+                {#if definitions.persisted.profiles.some((item) => item.key === profile.key)}
+                  <button type="button" class="secondary" onclick={() => void deleteProfile(profile.id)}>
+                    {t(M['content.governance_manager.delete_override'])}
+                  </button>
+                {/if}
+              </div>
+            </article>
+          {/each}
+        </div>
+      </section>
+
+      <section>
+        <div class="section-header">
+          <h4>Assignments</h4>
+          <button type="button" onclick={() => {
+            editMode = 'assignment';
+            editingAssignment = null;
+          }}>
+            {t(M['content.governance_manager.add_assignment'])}
+          </button>
+        </div>
+        {#if editMode === 'assignment'}
+          {#key editingAssignment?.id ?? editingAssignment?.key ?? 'new-assignment'}
+            <ContentGovernanceAssignmentEditor
+              assignment={editingAssignment || {}}
+              profiles={definitions.effective.profiles}
+              onSave={saveAssignment}
+              onCancel={cancelEditing}
+            />
+          {/key}
+        {/if}
+        <div class="list">
+          {#each definitions.effective.assignments as assignment (assignment.key)}
+            <article class="card">
+              <div>
+                <strong>{assignment.label || assignment.contentType}</strong>
+                <span>
+                  {assignment.contentType}
+                  {assignment.contentVariant ? ` · ${assignment.contentVariant}` : ''}
+                </span>
+              </div>
+              <div class="actions">
+                <button type="button" class="secondary" onclick={() => {
+                  editMode = 'assignment';
+                  editingAssignment = assignment;
+                }}>
+                  Edit
+                </button>
+                {#if assignment.id}
+                  <button type="button" class="secondary" onclick={() => void deleteAssignment(assignment.id)}>
+                    Delete
+                  </button>
+                {/if}
+              </div>
+            </article>
+          {/each}
+        </div>
+      </section>
+    </div>
+  {/if}
+</div>
+
+<style>
+  .governance-manager {
+    display: grid;
+    gap: 1rem;
+  }
+
+  .governance-manager__header,
+  .section-header,
+  .actions {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    gap: 0.75rem;
+    flex-wrap: wrap;
+  }
+
+  .governance-manager__grid {
+    display: grid;
+    gap: 1rem;
+  }
+
+  .list {
+    display: grid;
+    gap: 0.75rem;
+    margin-top: 0.75rem;
+  }
+
+  .card {
+    border: 1px solid var(--smrt-color-outline-variant);
+    border-radius: 0.75rem;
+    padding: 0.85rem;
+    display: flex;
+    justify-content: space-between;
+    gap: 0.75rem;
+    flex-wrap: wrap;
+  }
+
+  .card div:first-child {
+    display: grid;
+    gap: 0.35rem;
+  }
+
+  .error {
+    color: var(--smrt-color-error);
+  }
+</style>

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

@@ -0,0 +1,11 @@
+import { type ContentGovernanceDefinitionsData } from '../../mock-smrt-client';
+import type { ContentGovernanceManagerClient } from '../governance-manager-client';
+export interface Props {
+    apiBaseUrl?: string;
+    client?: ContentGovernanceManagerClient;
+    onChange?: (definitions: ContentGovernanceDefinitionsData | null) => void;
+}
+declare const ContentGovernanceManager: import("svelte").Component<Props, {}, "">;
+type ContentGovernanceManager = ReturnType<typeof ContentGovernanceManager>;
+export default ContentGovernanceManager;
+//# sourceMappingURL=ContentGovernanceManager.svelte.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ContentGovernanceManager.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/ContentGovernanceManager.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,EAEL,KAAK,gCAAgC,EAItC,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AASnF,MAAM,WAAW,KAAK;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,8BAA8B,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,gCAAgC,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3E;AAiRD,QAAA,MAAM,wBAAwB,2CAAwC,CAAC;AACvE,KAAK,wBAAwB,GAAG,UAAU,CAAC,OAAO,wBAAwB,CAAC,CAAC;AAC5E,eAAe,wBAAwB,CAAC"}