@tinytars/frame 0.1.27 → 0.1.29

package/AccountMenu.svelte

@@ -38,7 +38,7 @@
     // About is app-level, not provider/patient-specific, so it's offered in both modes.
     onAbout?: () => void;
     // Copy, all domain-flavorable — defaults are generic, callers override with their own vocabulary
-    // (e.g. LexiTar's "patient"/"roster"/"Translation") rather than this package assuming one.
+    // (e.g. "patient"/"roster") rather than this package assuming one.
     providerBadgeLabel?: string;
     subjectFallback?: string;
     viewingSubjectLabel?: string;

package/Onboarding.svelte

@@ -22,7 +22,7 @@
   // (what to ask, and each field's own validity rule) is entirely caller-supplied — a number field
   // is optional and omitted from the create payload when left blank or when the user skips; a
   // select field always has a value and is always included. Everything the caller collects is
-  // stored wherever it wants (LexiTar puts it in the encrypted vault, never the server).
+  // stored wherever it wants (e.g. an encrypted vault, never the server).
   let {
     productName,
     subheading = "Welcome. A couple of details help tailor your results — or skip and add them later.",

package/OrgFooter.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+  import { deriveLegalLinks, type OrgIdentity } from "@tinytars/frame/brand";
+
+  let { org }: { org: OrgIdentity } = $props();
+  const links = $derived(deriveLegalLinks(org.legalBase, org.legalPaths));
+  const year = new Date().getFullYear();
+</script>
+
+<footer class="frame-footer">
+  <div class="frame-footer__row">
+    <div>
+      {org.status}
+      <br />© {year} {org.name}
+    </div>
+    <nav class="frame-footer__links" aria-label="Legal">
+      {#each links as link (link.href)}
+        {#if org.legalBase}
+          <a href={link.href} target="_blank" rel="noopener">{link.label}</a>
+        {:else}
+          <a href={link.href}>{link.label}</a>
+        {/if}
+      {/each}
+    </nav>
+  </div>
+</footer>

package/attach-controller.ts

@@ -5,7 +5,7 @@
 export type AttachMode = "camera" | "library" | "files";
 
 // Everything. A leaf's Attach is storage, not import: whatever you attach is kept, shown, and — if
-// it is a PDF or a text file — read so LexiTar can quote it. Anything else simply attaches and sits
+// it is a PDF or a text file — read so the host app can quote it. Anything else simply attaches and sits
 // there, which is strictly better than a file picker that greys the file out with no explanation.
 //
 // The narrow "image/*,application/pdf,.xlsx,.xls" this replaces meant a .docx, a .csv or a .heic

package/brand.ts

@@ -1,8 +1,15 @@
-// Domain-neutral half of the brand split: the {path,label} -> absolute-link derivation, usable
-// by any consuming app's own brand constants. The LexiTar-specific values (PRODUCT_NAME,
-// MEDICAL_DISCLAIMER, ...) stay in packages/brand, which is not a dependency any other app takes.
+// The shape of an organization's brand, not its values: each host app declares its own
+// OrgIdentity (see ARCHITECTURE.md, "Entity neutrality").
 export type LegalLink = { path: string; label: string };
 
+export type OrgIdentity = {
+  name: string;
+  status: string;
+  /** Origin the legal pages live on; "" when they are served by the host app itself. */
+  legalBase: string;
+  legalPaths: LegalLink[];
+};
+
 export function deriveLegalLinks(base: string, paths: LegalLink[]): { href: string; label: string }[] {
   return paths.map((l) => ({ href: `${base}${l.path}`, label: l.label }));
 }

package/footer.css

@@ -0,0 +1,37 @@
+/* Markup contract for OrgFooter.svelte, and for any non-Svelte host (e.g. an Astro site) rendering
+   the same .frame-footer markup. Every value falls back to a default, so it works without theme.css;
+   a host themes it through the --frame-footer-* properties or overrides the classes directly. */
+.frame-footer {
+  border-top: 1px solid var(--border, #e5e7eb);
+  color: var(--muted, #6b7280);
+  font-size: var(--frame-footer-font-size, 0.85rem);
+  font-family: var(--frame-font-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif);
+  background: var(--frame-footer-bg, #fff);
+}
+
+.frame-footer__row {
+  max-width: var(--frame-footer-max, 64rem);
+  margin: 0 auto;
+  padding: 1.25rem 1.25rem;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+}
+
+.frame-footer__links {
+  display: inline-flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+}
+
+.frame-footer__links a {
+  color: var(--muted, #6b7280);
+  text-decoration: none;
+}
+
+.frame-footer__links a:hover {
+  color: var(--frame-footer-accent, currentColor);
+  text-decoration: underline;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tinytars/frame",
-  "version": "0.1.27",
+  "version": "0.1.29",
   "description": "Domain-neutral Svelte app-shell: session/auth controllers, account chrome, and menu/card/modal primitives built on @tinytars/vault.",
   "license": "MIT",
   "type": "module",
@@ -24,6 +24,7 @@
   "files": [
     "*.ts",
     "!*.test.ts",
+    "!vitest.config.ts",
     "*.svelte",
     "*.css"
   ],
@@ -45,6 +46,7 @@
     "./ExportTab.svelte": "./ExportTab.svelte",
     "./Field.svelte": "./Field.svelte",
     "./filter": "./filter.ts",
+    "./footer.css": "./footer.css",
     "./FormGrid.svelte": "./FormGrid.svelte",
     "./group-filter": "./group-filter.ts",
     "./LeafActionMenu.svelte": "./LeafActionMenu.svelte",
@@ -55,6 +57,7 @@
     "./Modal.svelte": "./Modal.svelte",
     "./ModalActions.svelte": "./ModalActions.svelte",
     "./Onboarding.svelte": "./Onboarding.svelte",
+    "./OrgFooter.svelte": "./OrgFooter.svelte",
     "./pdf-render": "./pdf-render.ts",
     "./PdfThumbnail.svelte": "./PdfThumbnail.svelte",
     "./persisted-json": "./persisted-json.ts",

package/theme.css

@@ -13,7 +13,7 @@
   --surface-2: #f4f4f5;
   --panel: #fbfcfd;
   --code-bg: #f4f6f8;
-  --tt-footer-accent: var(--accent);
+  --frame-footer-accent: var(--accent);
   --band: rgba(11, 107, 203, 0.08);
   --safe: #16a34a;
   --safe-band: rgba(22, 163, 74, 0.10);