@bvdm/delano 0.2.7 → 0.2.9

package/.delano/viewer/public/styles.css

@@ -47,6 +47,17 @@ body {
 button { font-family: inherit; font-size: inherit; color: inherit; background: none; border: none; cursor: pointer; padding: 0; }
 .mono { font-family: var(--font-mono); font-size: 12.5px; letter-spacing: -0.01em; }
 .small { font-size: 12px; }
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border: 0;
+}
 
 /* ---------- App shell ---------- */
 .app {
@@ -71,10 +82,12 @@ button { font-family: inherit; font-size: inherit; color: inherit; background: n
 .brand {
   display: flex;
   align-items: center;
-  gap: 10px;
-  padding: 4px 8px 18px;
-  border-bottom: 1px solid var(--line);
-  margin-bottom: 14px;
+  padding: 0 10px
+}
+.brand-logo {
+  display: block;
+  width: min(110px, 100%);
+  height: auto;
 }
 .brand-mark {
   width: 26px; height: 26px;
@@ -234,6 +247,31 @@ button { font-family: inherit; font-size: inherit; color: inherit; background: n
   background: var(--ink); color: var(--bg); border-color: var(--ink);
 }
 .btn-primary:hover { background: oklch(0.13 0.008 80); color: var(--bg); }
+.copy-btn {
+  flex: none;
+  width: 22px;
+  height: 22px;
+  display: inline-grid;
+  place-items: center;
+  border: 1px solid transparent;
+  border-radius: var(--r-sm);
+  color: var(--ink-40);
+  text-decoration: none;
+  transition: background 90ms, border-color 90ms, color 90ms;
+}
+.copy-btn:hover,
+.copy-btn:focus-visible {
+  background: var(--line-soft);
+  border-color: var(--line);
+  color: var(--ink);
+  outline: none;
+}
+.copy-btn.is-copied {
+  background: var(--ok-soft);
+  border-color: color-mix(in oklch, var(--ok) 30%, var(--line));
+  color: var(--ok);
+}
+.copy-btn svg { pointer-events: none; }
 
 /* ---------- Page ---------- */
 .content { padding: 36px 48px 64px; max-width: 1320px; width: 100%; align-self: center; }
@@ -453,7 +491,7 @@ button { font-family: inherit; font-size: inherit; color: inherit; background: n
 .summary-tight > .field:first-child { padding-left: 0; }
 .doc-reader-page {
   display: grid;
-  grid-template-columns: minmax(0, 1fr) minmax(260px, 320px);
+  grid-template-columns: minmax(0, 1fr) minmax(260px, 400px);
   gap: 44px;
   align-items: start;
 }
@@ -470,7 +508,7 @@ button { font-family: inherit; font-size: inherit; color: inherit; background: n
   margin-bottom: 6px;
 }
 .content-reader-head-c .doc-reader-main .page-title {
-  max-width: 17ch;
+  max-width: 100%;
 }
 .doc-meta-panel {
   position: sticky;
@@ -481,7 +519,7 @@ button { font-family: inherit; font-size: inherit; color: inherit; background: n
   overflow: hidden;
 }
 .doc-side {
-  min-width: 0;
+  min-width: 400px;
   position: sticky;
   top: 86px;
   display: flex;
@@ -505,6 +543,10 @@ button { font-family: inherit; font-size: inherit; color: inherit; background: n
 .doc-meta-list dd {
   overflow-wrap: anywhere;
 }
+.copy-value {
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
 
 .field-label {
   font-size: 11px;
@@ -515,6 +557,7 @@ button { font-family: inherit; font-size: inherit; color: inherit; background: n
   margin-bottom: 6px;
 }
 .field-value { font-size: 14px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
+.field-id { color: var(--ink-50); }
 
 /* health */
 .health { display: flex; align-items: center; gap: 10px; }
@@ -600,6 +643,40 @@ button { font-family: inherit; font-size: inherit; color: inherit; background: n
 }
 
 /* ---------- Workspace dashboard ---------- */
+.project-filter {
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  padding: 2px;
+  border: 1px solid var(--line);
+  border-radius: var(--r-sm);
+  background: var(--surface);
+}
+.project-filter-option {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  min-height: 26px;
+  padding: 4px 8px;
+  border-radius: 3px;
+  color: var(--ink-50);
+  font-size: 12.5px;
+  line-height: 1;
+  transition: background 90ms, color 90ms;
+}
+.project-filter-option:hover {
+  background: var(--line-soft);
+  color: var(--ink);
+}
+.project-filter-option.is-active {
+  background: var(--ink);
+  color: var(--bg);
+}
+.project-filter-option .mono {
+  font-size: 11px;
+  color: currentColor;
+  opacity: 0.72;
+}
 .project-grid {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
@@ -867,6 +944,12 @@ button { font-family: inherit; font-size: inherit; color: inherit; background: n
   flex: none;
   color: var(--ink-50);
 }
+.task-id-copy {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  color: var(--ink-50);
+}
 
 .decisions { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; }
 .decisions li {
@@ -938,26 +1021,42 @@ button { font-family: inherit; font-size: inherit; color: inherit; background: n
 
 .dl {
   margin: 0; padding: 8px 0;
-  display: grid;
-  grid-template-columns: max-content 1fr;
-  gap: 0 16px;
+  display: flex;
+  flex-direction: column;
+  gap: 0;
 }
 .dl dt {
-  padding: 8px 14px;
+  width: 100%;
+  padding: 8px 14px 0;
   font-size: 12px;
   color: var(--ink-50);
   text-transform: uppercase;
   letter-spacing: 0.06em;
   font-weight: 500;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+.dl dt > span {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .dl dd {
   margin: 0;
-  padding: 8px 14px;
+  padding: 4px 14px 8px;
   font-size: 13px;
   color: var(--ink);
   display: flex; align-items: center;
   gap: 6px;
   flex-wrap: wrap;
+  flex: 1;
+  min-width: 0;
 }
 
 .side-list { margin: 0; padding: 0; list-style: none; }
@@ -1209,6 +1308,10 @@ button { font-family: inherit; font-size: inherit; color: inherit; background: n
   .doc-reader-page,
   .two-col { grid-template-columns: 1fr; }
   .doc-side,
-  .col-side { position: static; }
+  .col-side {
+    min-width: 0;
+    width: 100%;
+    position: static;
+  }
   .outline-subitem { grid-template-columns: 1fr; gap: 5px; }
 }

package/.delano/viewer/server.js

@@ -329,6 +329,12 @@ function openTarget(target, file) {
 
 function sendStatic(res, pathname) {
   if (pathname === '/favicon.ico') {
+    const faviconPath = path.join(publicRoot, 'favicon.png');
+    if (fs.existsSync(faviconPath)) {
+      res.writeHead(200, { 'content-type': 'image/png', 'cache-control': 'max-age=86400' });
+      res.end(fs.readFileSync(faviconPath));
+      return;
+    }
     res.writeHead(204, { 'cache-control': 'max-age=86400' });
     res.end();
     return;

package/README.md

@@ -1,6 +1,46 @@
-# Delano
+<p align="center">
+  <img src="docs/images/delano-logo.svg" alt="Delano" width="340">
+</p>
+
+<p align="center">
+  <strong>File-backed delivery contracts for coding agents and operators.</strong>
+</p>
+
+<p align="center">
+  <a href="#one-command-bootstrap">Install</a>
+  &middot;
+  <a href="#delano-cli">CLI</a>
+  &middot;
+  <a href="#local-viewer">Viewer</a>
+  &middot;
+  <a href="docs/delano-brandbook.html">Brand book</a>
+  &middot;
+  <a href="HANDBOOK.md">Handbook</a>
+</p>
+
+Delano is an agent-agnostic delivery runtime. It keeps planning, execution, validation, and evidence on disk so maintainers, operators, and different coding agents can work from the same operating model without depending on one vendor workflow.
+
+The product posture is a local dossier: warm paper, ledger ink, visible source paths, and quiet status signals. The interface and runtime both treat `.project/` as the source of truth.
+
+## At a glance
+
+| Surface | Role |
+| --- | --- |
+| `HANDBOOK.md` | Canonical operating model |
+| `.project/` | File-backed delivery contracts: specs, plans, workstreams, tasks, decisions, updates, evidence |
+| `.agents/` | Shared runtime: scripts, rules, hooks, skills, adapters |
+| `.delano/` | Read-only local viewer for inspecting `.project` state |
+| `docs/delano-brandbook.html` | Brand book for the Delano visual language |
+
+## Quick start
 
-Delano is an agent-agnostic delivery runtime. It keeps planning, execution, and evidence on disk so teams can work with different coding agents without changing the operating model every time.
+```bash
+npx -y @bvdm/delano@latest --yes
+npx -y @bvdm/delano@latest viewer
+npx -y @bvdm/delano@latest validate
+```
+
+The viewer opens a localhost-only read surface for `.project` contracts. Validation checks that the runtime, contracts, package payload, and local gates still line up.
 
 ## What Delano is
 
@@ -12,12 +52,24 @@ Delano is an agent-agnostic delivery runtime. It keeps planning, execution, and
 
 The npm package is intentionally thin. It distributes the approved runtime payload, includes the read-only viewer UI, and wraps the existing shell-based PM scripts. It does not replace the handbook, the file contracts, or the underlying bash/Python execution layer.
 
+## Design language
+
+Delano's visual system is intentionally quiet and document-like. The brand mark identifies the source; it does not decorate the interface.
+
+- **Creative north star:** The Local Dossier.
+- **Palette:** warm document ground, paper surface, ledger ink, hairline dividers, restrained slate selection, and forest identity through the logo assets.
+- **Typography:** Inter for product and documentation text, JetBrains Mono for provenance and exact paths. Red Hat Display belongs only inside the supplied wordmark artwork.
+- **Shape:** small 4px to 6px radii, 1px hairlines, open ledger rows instead of stacked cards.
+- **Motion:** brief, functional feedback only.
+
+See [DESIGN.md](DESIGN.md) and the [Delano Brand Book](docs/delano-brandbook.html) for the full system.
+
 ## Delano CLI
 
 - Package: `@bvdm/delano`
-- Current package version: `0.2.7`
+- Current package version: `0.2.9`
 - Binary: `delano`
-- Commands: `onboarding`, `install`, `viewer`, `init`, `validate`, `status`, `next`
+- Commands: `onboarding`, `install`, `viewer`, `project`, `workstream`, `task`, `update`, `init`, `import-spec-kit`, `research`, `validate`, `status`, `next`
 - Primary goal: bootstrap a repo safely, expose local delivery state clearly, and keep runtime gates verifiable
 
 ## Recent main changes
@@ -46,14 +98,14 @@ npx -y @bvdm/delano@latest install --yes
 To install into a different directory:
 
 ```bash
-npx -y @bvdm/delano@latest --target /path/to/repo --yes
+npx -y @bvdm/delano@latest --target <repo> --yes
 ```
 
 If you already have the package installed locally, the same flow is:
 
 ```bash
 delano --yes
-delano --target /path/to/repo --yes
+delano --target <repo> --yes
 ```
 
 ## Global CLI install
@@ -67,7 +119,7 @@ npm install -g @bvdm/delano
 Typical flow in a repository:
 
 ```bash
-cd /path/to/repo
+cd <repo>
 delano install --yes
 delano viewer
 delano validate
@@ -171,7 +223,13 @@ bash .agents/scripts/pm/next.sh --all
 bash .agents/scripts/pm/research.sh <project-slug> <research-slug> --title "Research title" --question "Primary question" --json
 ```
 
-The viewer is packaged with `@bvdm/delano` and serves the selected repository's `.project` files read-only. It defaults to `http://127.0.0.1:3977`; set `DELANO_VIEWER_PORT` or `PORT` to use another port. It indexes `.project/context`, `.project/templates`, and `.project/projects`, then derives artifact roles, statuses, project outlines, task/workstream relationships, snippets, and rendered markdown for local inspection.
+## Local viewer
+
+The viewer is packaged with `@bvdm/delano` and serves the selected repository's `.project` files read-only. It defaults to `http://127.0.0.1:3977`; set `DELANO_VIEWER_PORT` or `PORT` to use another port.
+
+It indexes `.project/context`, `.project/templates`, and `.project/projects`, then derives artifact roles, statuses, project outlines, task/workstream relationships, snippets, and rendered markdown for local inspection.
+
+The viewer follows the same design language as the brand book: source paths stay visible, status is shown with labels and dots, and dense project state is separated with hairlines rather than decorative cards.
 
 ## Required dependencies
 
@@ -212,7 +270,7 @@ Codex hook activation is intentionally manual:
 2. Start Codex in the repository and approve the project trust prompt for the repo-local `.codex/` layer. Codex records trusted projects in `~/.codex/config.toml`, for example:
 
    ```toml
-   [projects."E:\\path\\to\\repo"]
+   [projects."<repo>"]
    trust_level = "trusted"
    ```
 
@@ -320,7 +378,12 @@ If npm publish fails after the package checks pass, verify that the npm trusted
 
 ## Read next
 
+- `docs/README.md` for the user documentation index
 - `docs/user-guide.md` for the practical user flow
+- `docs/cli-reference.md` for the CLI command reference
+- `docs/viewer-guide.md` for the read-only viewer workflow
+- `docs/agent-operator-guide.md` for instructing agents
+- `docs/spec-kit-and-research.md` for Spec Kit-style import and research intake
 - `HANDBOOK.md` for the full operating model
 - `.agents/scripts/README.md` for the runtime script inventory
 - `AGENTS.md` for adapter-neutral instructions

package/assets/install-manifest.json

@@ -169,7 +169,10 @@
     ".delano/viewer/README.md",
     ".delano/viewer/server.js",
     ".delano/viewer/public/app.js",
+    ".delano/viewer/public/app.jsx",
+    ".delano/viewer/public/delano-logo.svg",
     ".delano/viewer/public/explorer.svg",
+    ".delano/viewer/public/favicon.png",
     ".delano/viewer/public/index.html",
     ".delano/viewer/public/markdown.svg",
     ".delano/viewer/public/vscode.svg",