@wildwinter/app-shell 0.1.0 → 0.14.0

package/dist/comments.css

@@ -0,0 +1,109 @@
+/* src/comments.css */
+.shell-cmt-list {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.shell-cmt-list.resolved {
+  opacity: 0.55;
+}
+.shell-cmt-msg-head {
+  display: flex;
+  gap: 8px;
+  align-items: baseline;
+}
+.shell-cmt-author {
+  font: 600 0.76rem/1.2 var(--font-ui);
+}
+.shell-cmt-ts {
+  font: 0.68rem/1.2 var(--font-ui);
+  color: var(--muted);
+}
+.shell-cmt-body {
+  font: 0.82rem/1.45 var(--font-read, var(--font-ui));
+  white-space: pre-wrap;
+}
+.shell-cmt-input {
+  width: 100%;
+  box-sizing: border-box;
+  resize: vertical;
+  border: 1px solid var(--line-soft);
+  border-radius: var(--radius-sm);
+  background: var(--card);
+  color: var(--ink);
+  font: 0.82rem/1.4 var(--font-read, var(--font-ui));
+  padding: 6px 8px;
+}
+.shell-cmt-input:focus {
+  outline: none;
+  border-color: var(--accent);
+}
+.shell-cmt-actions {
+  display: flex;
+  gap: 6px;
+  justify-content: flex-end;
+}
+.shell-cmt-btn {
+  font: 0.76rem/1 var(--font-ui);
+  padding: 5px 10px;
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--line);
+  background: var(--card);
+  color: var(--ink);
+  cursor: pointer;
+}
+.shell-cmt-btn.primary {
+  background: var(--accent);
+  border-color: var(--accent);
+  color: var(--on-accent, #fff);
+}
+.shell-cmt-row {
+  display: flex;
+  gap: 6px;
+  align-items: baseline;
+  width: 100%;
+  text-align: left;
+  border: 0;
+  background: none;
+  color: var(--ink);
+  cursor: pointer;
+  padding: 6px 4px;
+  border-radius: var(--radius-sm);
+}
+.shell-cmt-row:hover {
+  background: var(--accent-soft);
+}
+.shell-cmt-row.resolved {
+  opacity: 0.55;
+}
+.shell-cmt-row-author {
+  font: 600 0.74rem/1.2 var(--font-ui);
+  flex: none;
+}
+.shell-cmt-row-gist {
+  font: 0.78rem/1.3 var(--font-read, var(--font-ui));
+  color: var(--muted);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.shell-cmt-row-count {
+  margin-left: auto;
+  font: 0.7rem/1 var(--font-ui);
+  color: var(--muted);
+}
+.shell-cmt-new {
+  align-self: flex-start;
+  font: 0.76rem/1 var(--font-ui);
+  border: 1px dashed var(--line);
+  background: none;
+  color: var(--muted);
+  border-radius: var(--radius-sm);
+  padding: 5px 10px;
+  cursor: pointer;
+}
+.shell-cmt-new:hover {
+  color: var(--accent);
+  border-color: var(--accent);
+}
+/*# sourceMappingURL=comments.css.map */

package/dist/comments.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/comments.css"],"sourcesContent":["/* A comment thread inside the anchored panel (comments.ts). */\n.shell-cmt-list { display: flex; flex-direction: column; gap: 8px; }\n.shell-cmt-list.resolved { opacity: 0.55; }\n.shell-cmt-msg-head { display: flex; gap: 8px; align-items: baseline; }\n.shell-cmt-author { font: 600 0.76rem/1.2 var(--font-ui); }\n.shell-cmt-ts { font: 0.68rem/1.2 var(--font-ui); color: var(--muted); }\n.shell-cmt-body { font: 0.82rem/1.45 var(--font-read, var(--font-ui)); white-space: pre-wrap; }\n.shell-cmt-input {\n  width: 100%; box-sizing: border-box; resize: vertical;\n  border: 1px solid var(--line-soft); border-radius: var(--radius-sm);\n  background: var(--card); color: var(--ink);\n  font: 0.82rem/1.4 var(--font-read, var(--font-ui)); padding: 6px 8px;\n}\n.shell-cmt-input:focus { outline: none; border-color: var(--accent); }\n.shell-cmt-actions { display: flex; gap: 6px; justify-content: flex-end; }\n.shell-cmt-btn {\n  font: 0.76rem/1 var(--font-ui); padding: 5px 10px;\n  border-radius: var(--radius-sm); border: 1px solid var(--line);\n  background: var(--card); color: var(--ink); cursor: pointer;\n}\n.shell-cmt-btn.primary { background: var(--accent); border-color: var(--accent); color: var(--on-accent, #fff); }\n/* The picker, when one thing has more than one thread. */\n.shell-cmt-row {\n  display: flex; gap: 6px; align-items: baseline; width: 100%; text-align: left;\n  border: 0; background: none; color: var(--ink); cursor: pointer;\n  padding: 6px 4px; border-radius: var(--radius-sm);\n}\n.shell-cmt-row:hover { background: var(--accent-soft); }\n.shell-cmt-row.resolved { opacity: 0.55; }\n.shell-cmt-row-author { font: 600 0.74rem/1.2 var(--font-ui); flex: none; }\n.shell-cmt-row-gist {\n  font: 0.78rem/1.3 var(--font-read, var(--font-ui)); color: var(--muted);\n  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;\n}\n.shell-cmt-row-count { margin-left: auto; font: 0.7rem/1 var(--font-ui); color: var(--muted); }\n.shell-cmt-new {\n  align-self: flex-start; font: 0.76rem/1 var(--font-ui);\n  border: 1px dashed var(--line); background: none; color: var(--muted);\n  border-radius: var(--radius-sm); padding: 5px 10px; cursor: pointer;\n}\n.shell-cmt-new:hover { color: var(--accent); border-color: var(--accent); }\n"],"mappings":";AACA,CAAC;AAAiB,WAAS;AAAM,kBAAgB;AAAQ,OAAK;AAAK;AACnE,CADC,cACc,CAAC;AAAW,WAAS;AAAM;AAC1C,CAAC;AAAqB,WAAS;AAAM,OAAK;AAAK,eAAa;AAAU;AACtE,CAAC;AAAmB,QAAM,IAAI,OAAO,CAAC,IAAI,IAAI;AAAY;AAC1D,CAAC;AAAe,QAAM,OAAO,CAAC,IAAI,IAAI;AAAY,SAAO,IAAI;AAAU;AACvE,CAAC;AAAiB,QAAM,OAAO,CAAC,KAAK,IAAI,WAAW,EAAE,IAAI;AAAa,eAAa;AAAU;AAC9F,CAAC;AACC,SAAO;AAAM,cAAY;AAAY,UAAQ;AAC7C,UAAQ,IAAI,MAAM,IAAI;AAAc,iBAAe,IAAI;AACvD,cAAY,IAAI;AAAS,SAAO,IAAI;AACpC,QAAM,OAAO,CAAC,IAAI,IAAI,WAAW,EAAE,IAAI;AAAa,WAAS,IAAI;AACnE;AACA,CANC,eAMe;AAAS,WAAS;AAAM,gBAAc,IAAI;AAAW;AACrE,CAAC;AAAoB,WAAS;AAAM,OAAK;AAAK,mBAAiB;AAAU;AACzE,CAAC;AACC,QAAM,OAAO,CAAC,EAAE,IAAI;AAAY,WAAS,IAAI;AAC7C,iBAAe,IAAI;AAAc,UAAQ,IAAI,MAAM,IAAI;AACvD,cAAY,IAAI;AAAS,SAAO,IAAI;AAAQ,UAAQ;AACtD;AACA,CALC,aAKa,CAAC;AAAU,cAAY,IAAI;AAAW,gBAAc,IAAI;AAAW,SAAO,IAAI,WAAW,EAAE;AAAO;AAEhH,CAAC;AACC,WAAS;AAAM,OAAK;AAAK,eAAa;AAAU,SAAO;AAAM,cAAY;AACzE,UAAQ;AAAG,cAAY;AAAM,SAAO,IAAI;AAAQ,UAAQ;AACxD,WAAS,IAAI;AAAK,iBAAe,IAAI;AACvC;AACA,CALC,aAKa;AAAS,cAAY,IAAI;AAAgB;AACvD,CANC,aAMa,CA1BE;AA0BU,WAAS;AAAM;AACzC,CAAC;AAAuB,QAAM,IAAI,OAAO,CAAC,IAAI,IAAI;AAAY,QAAM;AAAM;AAC1E,CAAC;AACC,QAAM,OAAO,CAAC,IAAI,IAAI,WAAW,EAAE,IAAI;AAAa,SAAO,IAAI;AAC/D,YAAU;AAAQ,iBAAe;AAAU,eAAa;AAC1D;AACA,CAAC;AAAsB,eAAa;AAAM,QAAM,MAAM,CAAC,EAAE,IAAI;AAAY,SAAO,IAAI;AAAU;AAC9F,CAAC;AACC,cAAY;AAAY,QAAM,OAAO,CAAC,EAAE,IAAI;AAC5C,UAAQ,IAAI,OAAO,IAAI;AAAS,cAAY;AAAM,SAAO,IAAI;AAC7D,iBAAe,IAAI;AAAc,WAAS,IAAI;AAAM,UAAQ;AAC9D;AACA,CALC,aAKa;AAAS,SAAO,IAAI;AAAW,gBAAc,IAAI;AAAW;","names":[]}

package/dist/confirm.css

@@ -0,0 +1,62 @@
+/* src/confirm.css */
+.confirm-dialog {
+  background: var(--surface);
+  color: var(--ink);
+  border: 1px solid var(--line);
+  border-radius: var(--radius-lg);
+  box-shadow: var(--shadow-3);
+  padding: 1.1rem 1.2rem;
+  max-width: 24rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  font-family: var(--font-ui);
+  animation: var(--anim-panel-in);
+}
+.confirm-dialog::backdrop {
+  background: color-mix(in oklab, var(--ink) 28%, transparent);
+  backdrop-filter: blur(3px);
+  animation: var(--anim-backdrop-in);
+}
+.confirm-title {
+  font: 700 0.95rem var(--font-ui);
+}
+.confirm-body {
+  font: 0.82rem/1.45 var(--font-ui);
+  color: var(--muted);
+}
+.confirm-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 0.5rem;
+  margin-top: 0.4rem;
+}
+.confirm-btn {
+  border: 1px solid var(--line);
+  border-radius: var(--radius-sm);
+  cursor: pointer;
+  padding: 0.35rem 0.8rem;
+  font: 600 0.78rem var(--font-ui);
+  background: var(--bg);
+  color: var(--ink);
+  transition: background var(--dur-quick) var(--ease-standard), filter var(--dur-quick) var(--ease-standard);
+}
+.confirm-btn.cancel:hover {
+  background: color-mix(in oklab, var(--line) 30%, transparent);
+}
+.confirm-btn.danger {
+  background: var(--danger);
+  border-color: var(--danger);
+  color: var(--surface);
+}
+.confirm-btn.danger:hover {
+  filter: brightness(1.06);
+}
+.confirm-dialog.closing {
+  animation: var(--anim-panel-out);
+  pointer-events: none;
+}
+.confirm-dialog.closing::backdrop {
+  animation: var(--anim-backdrop-out);
+}
+/*# sourceMappingURL=confirm.css.map */

package/dist/confirm.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/confirm.css"],"sourcesContent":["/* ---------------------------------------------------------------------------\n   The themed confirm (confirm.ts): panel + scrim in the host's palette and\n   the shared motion tokens. The scrim derives from --ink so it stays\n   palette-aware on any theme (the family's modal-scrim treatment). Requires\n   the host to supply --danger alongside the standard palette tokens.\n   --------------------------------------------------------------------------- */\n\n.confirm-dialog {\n  background: var(--surface); color: var(--ink);\n  border: 1px solid var(--line); border-radius: var(--radius-lg);\n  box-shadow: var(--shadow-3); padding: 1.1rem 1.2rem; max-width: 24rem;\n  display: flex; flex-direction: column; gap: 0.5rem;\n  font-family: var(--font-ui);\n  animation: var(--anim-panel-in);\n}\n.confirm-dialog::backdrop {\n  background: color-mix(in oklab, var(--ink) 28%, transparent);\n  backdrop-filter: blur(3px);\n  animation: var(--anim-backdrop-in);\n}\n.confirm-title { font: 700 0.95rem var(--font-ui); }\n.confirm-body { font: 0.82rem/1.45 var(--font-ui); color: var(--muted); }\n.confirm-actions { display: flex; justify-content: flex-end; gap: 0.5rem; margin-top: 0.4rem; }\n.confirm-btn {\n  border: 1px solid var(--line); border-radius: var(--radius-sm); cursor: pointer;\n  padding: 0.35rem 0.8rem; font: 600 0.78rem var(--font-ui);\n  background: var(--bg); color: var(--ink);\n  transition: background var(--dur-quick) var(--ease-standard),\n    filter var(--dur-quick) var(--ease-standard);\n}\n.confirm-btn.cancel:hover { background: color-mix(in oklab, var(--line) 30%, transparent); }\n.confirm-btn.danger { background: var(--danger); border-color: var(--danger); color: var(--surface); }\n.confirm-btn.danger:hover { filter: brightness(1.06); }\n\n/* Exit: .closing swaps enter keyframes for their reverse; the fading panel\n   must not catch a stray click. */\n.confirm-dialog.closing { animation: var(--anim-panel-out); pointer-events: none; }\n.confirm-dialog.closing::backdrop { animation: var(--anim-backdrop-out); }\n"],"mappings":";AAOA,CAAC;AACC,cAAY,IAAI;AAAY,SAAO,IAAI;AACvC,UAAQ,IAAI,MAAM,IAAI;AAAS,iBAAe,IAAI;AAClD,cAAY,IAAI;AAAa,WAAS,OAAO;AAAQ,aAAW;AAChE,WAAS;AAAM,kBAAgB;AAAQ,OAAK;AAC5C,eAAa,IAAI;AACjB,aAAW,IAAI;AACjB;AACA,CARC,cAQc;AACb,cAAY,UAAU,GAAG,KAAK,EAAE,IAAI,OAAO,GAAG,EAAE;AAChD,mBAAiB,KAAK;AACtB,aAAW,IAAI;AACjB;AACA,CAAC;AAAgB,QAAM,IAAI,QAAQ,IAAI;AAAY;AACnD,CAAC;AAAe,QAAM,OAAO,CAAC,KAAK,IAAI;AAAY,SAAO,IAAI;AAAU;AACxE,CAAC;AAAkB,WAAS;AAAM,mBAAiB;AAAU,OAAK;AAAQ,cAAY;AAAQ;AAC9F,CAAC;AACC,UAAQ,IAAI,MAAM,IAAI;AAAS,iBAAe,IAAI;AAAc,UAAQ;AACxE,WAAS,QAAQ;AAAQ,QAAM,IAAI,QAAQ,IAAI;AAC/C,cAAY,IAAI;AAAO,SAAO,IAAI;AAClC,cAAY,WAAW,IAAI,aAAa,IAAI,gBAAgB,EAC1D,OAAO,IAAI,aAAa,IAAI;AAChC;AACA,CAPC,WAOW,CAAC,MAAM;AAAS,cAAY,UAAU,GAAG,KAAK,EAAE,IAAI,QAAQ,GAAG,EAAE;AAAc;AAC3F,CARC,WAQW,CAAC;AAAS,cAAY,IAAI;AAAW,gBAAc,IAAI;AAAW,SAAO,IAAI;AAAY;AACrG,CATC,WASW,CADC,MACM;AAAS,UAAQ,WAAW;AAAO;AAItD,CA7BC,cA6Bc,CAAC;AAAU,aAAW,IAAI;AAAmB,kBAAgB;AAAM;AAClF,CA9BC,cA8Bc,CADC,OACO;AAAa,aAAW,IAAI;AAAsB;","names":[]}

package/dist/identity.css

@@ -0,0 +1,62 @@
+/* src/identity.css */
+.shell-ident {
+  width: min(400px, 90vw);
+  border: 1px solid var(--line);
+  border-radius: var(--radius-md);
+  background: var(--surface);
+  color: var(--ink);
+  padding: 16px 18px;
+  box-shadow: var(--shadow-2, var(--shadow-1));
+}
+.shell-ident::backdrop {
+  background: rgba(0, 0, 0, 0.28);
+}
+.shell-ident-title {
+  font: 600 0.95rem/1.3 var(--font-ui);
+}
+.shell-ident-hint {
+  font: 0.78rem/1.45 var(--font-ui);
+  color: var(--muted);
+  margin: 6px 0 0;
+}
+.shell-ident-fields {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin-top: 12px;
+}
+.shell-ident-input {
+  width: 100%;
+  box-sizing: border-box;
+  border: 1px solid var(--line-soft);
+  border-radius: var(--radius-sm);
+  background: var(--card);
+  color: var(--ink);
+  font: 0.85rem/1.4 var(--font-ui);
+  padding: 6px 8px;
+}
+.shell-ident-input:focus {
+  outline: none;
+  border-color: var(--accent);
+}
+.shell-ident-actions {
+  display: flex;
+  gap: 8px;
+  justify-content: flex-end;
+  margin-top: 14px;
+}
+.shell-ident-btn {
+  font: 0.8rem/1 var(--font-ui);
+  padding: 6px 14px;
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--line);
+  background: var(--card);
+  color: var(--ink);
+  cursor: pointer;
+}
+.shell-ident-btn.primary {
+  background: var(--accent);
+  border-color: var(--accent);
+  color: var(--on-accent, #fff);
+}
+/*# sourceMappingURL=identity.css.map */

package/dist/identity.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/identity.css"],"sourcesContent":["/* The identity dialog (identity.ts): asked once, skippable, and the same in\n   every app in the family. */\n.shell-ident {\n  width: min(400px, 90vw);\n  border: 1px solid var(--line); border-radius: var(--radius-md);\n  background: var(--surface); color: var(--ink);\n  padding: 16px 18px;\n  box-shadow: var(--shadow-2, var(--shadow-1));\n}\n.shell-ident::backdrop { background: rgba(0, 0, 0, 0.28); }\n.shell-ident-title { font: 600 0.95rem/1.3 var(--font-ui); }\n.shell-ident-hint { font: 0.78rem/1.45 var(--font-ui); color: var(--muted); margin: 6px 0 0; }\n.shell-ident-fields { display: flex; flex-direction: column; gap: 8px; margin-top: 12px; }\n.shell-ident-input {\n  width: 100%; box-sizing: border-box;\n  border: 1px solid var(--line-soft); border-radius: var(--radius-sm);\n  background: var(--card); color: var(--ink);\n  font: 0.85rem/1.4 var(--font-ui); padding: 6px 8px;\n}\n.shell-ident-input:focus { outline: none; border-color: var(--accent); }\n.shell-ident-actions { display: flex; gap: 8px; justify-content: flex-end; margin-top: 14px; }\n.shell-ident-btn {\n  font: 0.8rem/1 var(--font-ui); padding: 6px 14px;\n  border-radius: var(--radius-sm); border: 1px solid var(--line);\n  background: var(--card); color: var(--ink); cursor: pointer;\n}\n.shell-ident-btn.primary { background: var(--accent); border-color: var(--accent); color: var(--on-accent, #fff); }\n"],"mappings":";AAEA,CAAC;AACC,SAAO,IAAI,KAAK,EAAE;AAClB,UAAQ,IAAI,MAAM,IAAI;AAAS,iBAAe,IAAI;AAClD,cAAY,IAAI;AAAY,SAAO,IAAI;AACvC,WAAS,KAAK;AACd,cAAY,IAAI,UAAU,EAAE,IAAI;AAClC;AACA,CAPC,WAOW;AAAa,cAAY,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAAO;AAC1D,CAAC;AAAoB,QAAM,IAAI,OAAO,CAAC,IAAI,IAAI;AAAY;AAC3D,CAAC;AAAmB,QAAM,OAAO,CAAC,KAAK,IAAI;AAAY,SAAO,IAAI;AAAU,UAAQ,IAAI,EAAE;AAAG;AAC7F,CAAC;AAAqB,WAAS;AAAM,kBAAgB;AAAQ,OAAK;AAAK,cAAY;AAAM;AACzF,CAAC;AACC,SAAO;AAAM,cAAY;AACzB,UAAQ,IAAI,MAAM,IAAI;AAAc,iBAAe,IAAI;AACvD,cAAY,IAAI;AAAS,SAAO,IAAI;AACpC,QAAM,OAAO,CAAC,IAAI,IAAI;AAAY,WAAS,IAAI;AACjD;AACA,CANC,iBAMiB;AAAS,WAAS;AAAM,gBAAc,IAAI;AAAW;AACvE,CAAC;AAAsB,WAAS;AAAM,OAAK;AAAK,mBAAiB;AAAU,cAAY;AAAM;AAC7F,CAAC;AACC,QAAM,MAAM,CAAC,EAAE,IAAI;AAAY,WAAS,IAAI;AAC5C,iBAAe,IAAI;AAAc,UAAQ,IAAI,MAAM,IAAI;AACvD,cAAY,IAAI;AAAS,SAAO,IAAI;AAAQ,UAAQ;AACtD;AACA,CALC,eAKe,CAAC;AAAU,cAAY,IAAI;AAAW,gBAAc,IAAI;AAAW,SAAO,IAAI,WAAW,EAAE;AAAO;","names":[]}