@happyvertical/smrt-projects 0.55.16 → 0.55.17

package/dist/manifest.json

@@ -2,7 +2,7 @@
   "version": "1.0.0",
   "timestamp": 0,
   "packageName": "@happyvertical/smrt-projects",
-  "packageVersion": "0.55.16",
+  "packageVersion": "0.55.17",
   "objects": {
     "@happyvertical/smrt-projects:CommentCollection": {
       "name": "commentcollection",

package/dist/smrt-knowledge.json

@@ -3,12 +3,12 @@
   "sensitiveFieldsExcluded": true,
   "generatedAt": "1970-01-01T00:00:00.000Z",
   "packageName": "@happyvertical/smrt-projects",
-  "packageVersion": "0.55.16",
+  "packageVersion": "0.55.17",
   "sourceManifestPath": "dist/manifest.json",
   "agentDocPath": "AGENTS.md",
   "sourceHashes": {
-    "manifest": "d0a546782341aeb2cfecd9e6ca5c498d4a516c3668829eab0d952548da9a248f",
-    "packageJson": "40f7542cb72373320495604ad6578a25942943aab515d0fb9a6533b5595dd78b",
+    "manifest": "07eaf1043fc22e7148a3277aeae7db7e29d8bd9b8c05a3066a5af0327ce5d362",
+    "packageJson": "3ac1005822824e286ca5f6bf0bba793b8df67fc327cdcf1915c412ca59c3ff1a",
     "agents": "014098eac2bb1699b653ccd3029e062a2312a521862e39225dd8ca73b6ae8206"
   },
   "exports": [

package/dist/svelte/AssistanceLauncher.svelte

@@ -47,7 +47,7 @@ async function submit(event: SubmitEvent) {
 }
 </script>
 
-<section class="assistance">
+<section class="assistance" data-smrt-component="AssistanceLauncher">
   <Form onsubmit={submit}>
     <header>
       <h2>{t(M['projects.assistance.title'])}</h2>
@@ -70,6 +70,8 @@ async function submit(event: SubmitEvent) {
 </section>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .assistance {
     max-width: 42rem;
   }
@@ -98,4 +100,5 @@ async function submit(event: SubmitEvent) {
     display: flex;
     justify-content: flex-end;
   }
+}
 </style>

package/dist/svelte/DeliveryStatus.svelte

@@ -17,7 +17,7 @@ const format = (value: Date | string) =>
   }).format(new Date(value));
 </script>
 
-<ol class="delivery" aria-label={t(M['projects.delivery_status.aria'])}>
+<ol class="delivery" aria-label={t(M['projects.delivery_status.aria'])} data-smrt-component="DeliveryStatus">
   {#each [...events].sort((a, b) => a.sequence - b.sequence) as event (event.id)}
     <li>
       <span class="marker" aria-hidden="true"></span>
@@ -33,6 +33,8 @@ const format = (value: Date | string) =>
 </ol>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .delivery {
     list-style: none;
     margin: 0;
@@ -69,4 +71,5 @@ const format = (value: Date | string) =>
     color: var(--smrt-color-on-surface-variant);
     font-size: var(--smrt-typography-label-small-size);
   }
+}
 </style>

package/dist/svelte/DevelopmentBoard.svelte

@@ -48,7 +48,7 @@ const cardLabel = (card: DevelopmentBoardCard) =>
 {#if requests.length === 0}
   <section
     class="empty"
-    aria-label={t(M['projects.development_board.aria'])}
+    aria-label={t(M['projects.development_board.aria'])} data-smrt-component="DevelopmentBoard"
   >
     <p>{t(M['projects.development_board.empty'])}</p>
   </section>
@@ -75,6 +75,8 @@ const cardLabel = (card: DevelopmentBoardCard) =>
 {/if}
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .empty {
     color: var(--smrt-color-on-surface-variant);
     margin: 0;
@@ -83,4 +85,5 @@ const cardLabel = (card: DevelopmentBoardCard) =>
   small {
     color: var(--smrt-color-on-surface-variant);
   }
+}
 </style>

package/dist/svelte/DevelopmentRequestDetail.svelte

@@ -20,7 +20,7 @@ const { t } = useI18n();
 
 <article
   class="detail"
-  aria-label={t(M['projects.development_request.detail_aria'])}
+  aria-label={t(M['projects.development_request.detail_aria'])} data-smrt-component="DevelopmentRequestDetail"
 >
   <header>
     <div>
@@ -55,6 +55,8 @@ const { t } = useI18n();
 </article>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .detail {
     display: grid;
     gap: var(--smrt-spacing-5);
@@ -91,4 +93,5 @@ const { t } = useI18n();
     display: grid;
     gap: var(--smrt-spacing-1);
   }
+}
 </style>

package/dist/svelte/PreviewApprovalPanel.svelte

@@ -17,7 +17,7 @@ let { preview, busy = false, ondecide }: Props = $props();
 const { t } = useI18n();
 </script>
 
-<section class="preview">
+<section class="preview" data-smrt-component="PreviewApprovalPanel">
   <div>
     <span>{t(M['projects.preview.label'], { id: preview.previewId })}</span>
     <strong>{preview.status}</strong>
@@ -44,6 +44,8 @@ const { t } = useI18n();
 </section>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .preview {
     border-block: 1px solid var(--smrt-color-outline-variant);
     display: grid;
@@ -63,4 +65,5 @@ const { t } = useI18n();
     gap: var(--smrt-spacing-3);
     justify-content: flex-end;
   }
+}
 </style>

package/dist/svelte/ProjectBoard.svelte

@@ -151,7 +151,10 @@ function cardLabel(card: ProjectBoardCard): string {
 </Board>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   small {
     color: var(--smrt-color-on-surface-variant);
   }
+}
 </style>

package/dist/svelte/ServiceEvidenceList.svelte

@@ -32,7 +32,7 @@ const money = (amount = 0, currency = 'USD') => {
 
 <section
   class="evidence"
-  aria-label={t(M['projects.service_evidence.aria'])}
+  aria-label={t(M['projects.service_evidence.aria'])} data-smrt-component="ServiceEvidenceList"
 >
   {#each entries as entry (entry.id)}
     <article>
@@ -69,6 +69,8 @@ const money = (amount = 0, currency = 'USD') => {
 </section>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .evidence {
     border-top: 1px solid var(--smrt-color-outline-variant);
   }
@@ -116,4 +118,5 @@ const money = (amount = 0, currency = 'USD') => {
       text-align: left;
     }
   }
+}
 </style>

package/dist/svelte/components/ApprovalActions.svelte

@@ -55,7 +55,7 @@ const canEdit = $derived(
 const canDelete = $derived(status === 'draft' && ondelete);
 </script>
 
-<div class="approval-actions" class:vertical={layout === 'vertical'}>
+<div class="approval-actions" class:vertical={layout === 'vertical'} data-smrt-component="ApprovalActions">
   {#if canSubmit}
     <Button variant="primary" onclick={onsubmit} disabled={disabled || loading}>
       {loading ? 'Submitting...' : 'Submit for Approval'}
@@ -100,6 +100,8 @@ const canDelete = $derived(status === 'draft' && ondelete);
 </div>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .approval-actions {
     display: flex;
     flex-wrap: wrap;
@@ -116,7 +118,7 @@ const canDelete = $derived(status === 'draft' && ondelete);
     font-size: var(--smrt-typography-body-medium-size, 0.875rem);
     font-weight: var(--smrt-typography-label-large-weight, 500);
     padding: 0.5rem 1rem;
-    border-radius: var(--smrt-radius-small, 8px);
+    border-radius: var(--smrt-radius-small);
   }
 
   .status-message.success {
@@ -128,4 +130,5 @@ const canDelete = $derived(status === 'draft' && ondelete);
     background: var(--smrt-color-error-container);
     color: var(--smrt-color-on-error-container);
   }
+}
 </style>

package/dist/svelte/components/BulkActions.svelte

@@ -42,7 +42,7 @@ const visible = $derived(selectedCount > 0);
 </script>
 
 {#if visible}
-  <div class="bulk-actions">
+  <div class="bulk-actions" data-smrt-component="BulkActions">
     <div class="selection-info">
       <span class="count">{selectedCount}</span>
       <span class="label">{selectedCount === 1 ? 'item' : 'items'} selected</span>
@@ -88,6 +88,8 @@ const visible = $derived(selectedCount > 0);
 {/if}
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .bulk-actions {
     display: flex;
     justify-content: space-between;
@@ -95,7 +97,7 @@ const visible = $derived(selectedCount > 0);
     padding: 0.75rem 1rem;
     background: var(--smrt-color-secondary-container);
     border: 1px solid var(--smrt-color-outline-variant);
-    border-radius: var(--smrt-radius-medium, 12px);
+    border-radius: var(--smrt-radius-medium);
     margin-bottom: 1rem;
   }
 
@@ -146,4 +148,5 @@ const visible = $derived(selectedCount > 0);
       min-width: 100px;
     }
   }
+}
 </style>

package/dist/svelte/components/DevelopmentRequestForm.svelte

@@ -38,7 +38,7 @@ function submit(event: SubmitEvent) {
 </script>
 
 <!-- raw-primitive-allow: provider-free embeddable request form boundary -->
-<form onsubmit={submit} class="request-form">
+<form onsubmit={submit} class="request-form" data-smrt-component="DevelopmentRequestForm">
   <label>{t(M['projects.development_request.type'])}
     <!-- raw-primitive-allow: package has no provider-free select primitive -->
     <select bind:value={type} disabled={disabled}>
@@ -64,9 +64,12 @@ function submit(event: SubmitEvent) {
 </form>
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .request-form { display: grid; gap: var(--smrt-spacing-4); }
   label { display: grid; gap: var(--smrt-spacing-1); color: var(--smrt-color-on-surface); }
   input, select, textarea { padding: var(--smrt-spacing-2); border: 1px solid var(--smrt-color-outline); border-radius: var(--smrt-radius-medium); background: var(--smrt-color-surface); color: var(--smrt-color-on-surface); }
   textarea { min-height: 6rem; }
   button { padding: var(--smrt-spacing-2) var(--smrt-spacing-4); border: 0; border-radius: var(--smrt-radius-medium); background: var(--smrt-color-primary); color: var(--smrt-color-on-primary); }
+}
 </style>

package/dist/svelte/components/DevelopmentRequestList.svelte

@@ -54,11 +54,11 @@ function formatWhen(value?: Date | string): string {
 </script>
 
 {#if visibleRequests.length === 0}
-  <div class="empty-state">
+  <div class="empty-state" data-smrt-component="DevelopmentRequestList">
     <p>{emptyMessage}</p>
   </div>
 {:else}
-  <div class="request-list">
+  <div class="request-list" data-smrt-component="DevelopmentRequestList">
     {#each visibleRequests as request (request.id)}
       <article class="request-card">
         <header>
@@ -111,10 +111,12 @@ function formatWhen(value?: Date | string): string {
 {/if}
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .empty-state {
     padding: 2rem 1rem;
     text-align: center;
-    color: var(--smrt-color-on-surface-variant, #5f6472);
+    color: var(--smrt-color-on-surface-variant);
   }
 
   .request-list {
@@ -124,12 +126,12 @@ function formatWhen(value?: Date | string): string {
 
   .request-card {
     padding: 1rem;
-    border: 1px solid var(--smrt-color-outline-variant, #d5d8e1);
-    border-radius: var(--smrt-radius-large, 16px);
+    border: 1px solid var(--smrt-color-outline-variant);
+    border-radius: var(--smrt-radius-large);
     background: linear-gradient(
       180deg,
-      var(--smrt-color-surface, #fff),
-      var(--smrt-color-surface-container-lowest, #f8f9fc)
+      var(--smrt-color-surface),
+      var(--smrt-color-surface-container-lowest)
     );
   }
 
@@ -150,7 +152,7 @@ function formatWhen(value?: Date | string): string {
     text-transform: uppercase;
     letter-spacing: 0.08em;
     font-size: 0.75rem;
-    color: var(--smrt-color-on-surface-variant, #5f6472);
+    color: var(--smrt-color-on-surface-variant);
   }
 
   .status {
@@ -192,7 +194,7 @@ function formatWhen(value?: Date | string): string {
     font-size: 0.75rem;
     text-transform: uppercase;
     letter-spacing: 0.06em;
-    color: var(--smrt-color-on-surface-variant, #5f6472);
+    color: var(--smrt-color-on-surface-variant);
   }
 
   dd {
@@ -201,7 +203,7 @@ function formatWhen(value?: Date | string): string {
 
   .discussion {
     margin: 1rem 0 0;
-    color: var(--smrt-color-on-surface-variant, #3d4454);
+    color: var(--smrt-color-on-surface-variant);
   }
 
   .evidence-list {
@@ -210,7 +212,7 @@ function formatWhen(value?: Date | string): string {
   }
 
   a {
-    color: var(--smrt-color-primary, #1f6feb);
+    color: var(--smrt-color-primary);
   }
 
   @media (max-width: 700px) {
@@ -218,4 +220,5 @@ function formatWhen(value?: Date | string): string {
       flex-direction: column;
     }
   }
+}
 </style>

package/dist/svelte/components/RejectDialog.svelte

@@ -84,7 +84,7 @@ $effect(() => {
 </script>
 
 {#if open}
-  <div class="dialog-backdrop">
+  <div class="dialog-backdrop" data-smrt-component="RejectDialog">
     <!-- raw-primitive-allow: click-catching modal backdrop; structural overlay, not a primitive -->
     <button
       type="button"
@@ -135,6 +135,8 @@ $effect(() => {
 {/if}
 
 <style>
+@layer smrt.reset, smrt.structure, smrt.theme;
+@layer smrt.theme {
   .dialog-backdrop {
     position: fixed;
     inset: 0;
@@ -156,7 +158,7 @@ $effect(() => {
   .dialog {
     position: relative;
     background: var(--smrt-color-surface);
-    border-radius: var(--smrt-radius-extra-large, 28px);
+    border-radius: var(--smrt-radius-extra-large);
     box-shadow: var(--smrt-elevation-3);
     width: 100%;
     max-width: 28rem;
@@ -184,7 +186,7 @@ $effect(() => {
     font-size: var(--smrt-typography-body-large-size, 1rem);
     font-family: inherit;
     border: 1px solid var(--smrt-color-outline);
-    border-radius: var(--smrt-radius-small, 8px);
+    border-radius: var(--smrt-radius-small);
     resize: vertical;
     min-height: 80px;
     background: var(--smrt-color-surface);
@@ -216,4 +218,5 @@ $effect(() => {
     gap: 0.5rem;
     margin-top: 1.5rem;
   }
+}
 </style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@happyvertical/smrt-projects",
-  "version": "0.55.16",
+  "version": "0.55.17",
   "smrtJsdoc": "strict",
   "description": "Provider-agnostic project management models (Issues, PRs, Repositories, Projects) for SMRT framework",
   "type": "module",
@@ -39,15 +39,15 @@
     "@happyvertical/logger": "^0.103.4",
     "@happyvertical/projects": "^0.103.4",
     "@happyvertical/repos": "^0.103.4",
-    "@happyvertical/smrt-config": "0.55.16",
-    "@happyvertical/smrt-core": "0.55.16",
-    "@happyvertical/smrt-prompts": "0.55.16",
-    "@happyvertical/smrt-svelte": "0.55.16",
-    "@happyvertical/smrt-subscriptions": "0.55.16",
-    "@happyvertical/smrt-tenancy": "0.55.16",
-    "@happyvertical/smrt-timesheets": "0.55.16",
-    "@happyvertical/smrt-types": "0.55.16",
-    "@happyvertical/smrt-ui": "0.55.16",
+    "@happyvertical/smrt-config": "0.55.17",
+    "@happyvertical/smrt-core": "0.55.17",
+    "@happyvertical/smrt-prompts": "0.55.17",
+    "@happyvertical/smrt-svelte": "0.55.17",
+    "@happyvertical/smrt-subscriptions": "0.55.17",
+    "@happyvertical/smrt-tenancy": "0.55.17",
+    "@happyvertical/smrt-timesheets": "0.55.17",
+    "@happyvertical/smrt-types": "0.55.17",
+    "@happyvertical/smrt-ui": "0.55.17",
     "@happyvertical/sql": "^0.103.4",
     "@happyvertical/utils": "^0.103.4"
   },
@@ -60,8 +60,8 @@
     }
   },
   "devDependencies": {
-    "@happyvertical/smrt-cli": "0.55.16",
-    "@happyvertical/smrt-vitest": "0.55.16",
+    "@happyvertical/smrt-cli": "0.55.17",
+    "@happyvertical/smrt-vitest": "0.55.17",
     "@sveltejs/package": "^2.5.8",
     "@sveltejs/vite-plugin-svelte": "^7.3.0",
     "@types/node": "24.13.6",