@korso/shepherd-ui 0.5.0 → 0.6.0

package/dist/lib/selfhost.js

@@ -1,6 +1,6 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { useState as s, useMemo as h } from "react";
-import { c as d, a as m, D as u } from "./Dashboard-C48qY8R2.js";
+import { c as d, a as m, D as u } from "./Dashboard-D7tbhMwK.js";
 const i = "shepherd.token";
 function p() {
   try {

package/dist/lib/styles.css

@@ -264,10 +264,12 @@
       /* No-workspace Config prompt (create/join now live in the switcher). */
       .config-none { color:var(--ink2); font-size:13.5px; max-width:520px; }
 
-      /* Read-only workspace facts (name / role) in General. */
-      .shepherd-config .readonly-value { margin:0; font-size:14px; color:var(--ink);
-        padding:9px 12px; border-radius:8px; border:1px solid var(--line2); background:var(--bg); }
+      /* Read-only workspace facts (name / role) in General. Deliberately plain
+         text — no border/background — so they don't read as editable inputs. */
+      .shepherd-config .readonly-value { margin:0; font-size:15px; color:var(--ink);
+        padding:1px 0; font-weight:500; }
       .shepherd-general .leave { padding-top:4px; }
+      .shepherd-general .delete { padding-top:4px; }
       .shepherd-config button.danger { border-color:var(--drop); background:transparent; color:var(--drop);
         align-self:flex-start; }
       .shepherd-config button.danger:hover:not(:disabled) { background:var(--drop); color:var(--bg); }
@@ -416,3 +418,33 @@
         background:var(--ink); color:var(--bg); font-weight:600; cursor:pointer; font:inherit; }
       .shepherd-feedback__panel > button:hover:not(:disabled) { background:#413a2a; }
       .shepherd-feedback__panel > button:disabled { opacity:.55; cursor:default; }
+
+      /* Modal — a centered card over a dimmed backdrop. Used by the type-to-confirm
+         Delete workspace dialog. The first true modal in the app (the feedback
+         widget is an inline popover), so its chrome lives here rather than being
+         shared with .shepherd-feedback__panel. */
+      .shepherd-modal__backdrop {
+        position:fixed; inset:0; z-index:50; display:flex; align-items:center;
+        justify-content:center; padding:20px; background:rgba(30,24,12,.45); }
+      .shepherd-modal {
+        width:100%; max-width:440px; display:flex; flex-direction:column; gap:12px;
+        padding:22px; background:var(--card); border:1px solid var(--line);
+        border-radius:12px; box-shadow:0 16px 48px rgba(50,40,20,.28); }
+      .shepherd-modal h3 {
+        margin:0; font-size:13px; font-weight:600; letter-spacing:.04em;
+        text-transform:uppercase; color:var(--ink2); }
+      .shepherd-modal__body { margin:0; font-size:13.5px; line-height:1.5; color:var(--ink); }
+      .shepherd-modal__label { font-size:12.5px; color:var(--ink2); }
+      .shepherd-modal input {
+        width:100%; padding:9px 12px; border-radius:8px; border:1px solid var(--line);
+        background:var(--bg); color:var(--ink); font:inherit;
+        transition:border-color .12s ease, box-shadow .12s ease; }
+      .shepherd-modal input:focus {
+        outline:none; border-color:var(--terr); box-shadow:0 0 0 3px rgba(122,106,72,.14); }
+      .shepherd-modal [role="alert"] { margin:0; font-size:13px; color:var(--drop); }
+      .shepherd-modal__actions { display:flex; justify-content:flex-end; gap:10px; margin-top:4px; }
+      .shepherd-modal__actions button.danger {
+        border-color:var(--drop); background:transparent; color:var(--drop); }
+      .shepherd-modal__actions button.danger:hover:not(:disabled) {
+        background:var(--drop); color:var(--bg); }
+      .shepherd-modal__actions button:disabled { opacity:.55; cursor:default; }

package/dist/preview.js

@@ -19,9 +19,9 @@ const EMPTY_LANDSCAPE = {
 };
 const EMPTY_ANNOUNCE = { ok: true, announcementIds: [] };
 let members = [
-    { accountId: "acc_admin", displayName: "Korso Admin", githubLogin: "korso-admin", avatarUrl: null, role: "admin" },
-    { accountId: "acc_1", displayName: "Alex Rivera", githubLogin: "arivera", avatarUrl: null, role: "member" },
-    { accountId: "acc_2", displayName: "Sam Okafor", githubLogin: "sokafor", avatarUrl: null, role: "member" },
+    { accountId: "acc_admin", displayName: "Korso Admin", githubLogin: "korso-admin", email: null, avatarUrl: null, role: "admin" },
+    { accountId: "acc_1", displayName: "Alex Rivera", githubLogin: "arivera", email: null, avatarUrl: null, role: "member" },
+    { accountId: "acc_2", displayName: "Sam Okafor", githubLogin: "sokafor", email: null, avatarUrl: null, role: "member" },
 ];
 let tokens = [
     {
@@ -61,6 +61,10 @@ const previewClient = {
         workspaces = [...workspaces, ws];
         return ws;
     },
+    deleteWorkspace: async (workspaceId) => {
+        workspaces = workspaces.filter((w) => w.id !== workspaceId);
+        return { deleted: true };
+    },
     mintToken: async (_workspaceId, body) => {
         const id = `tok_${nextTokenId++}`;
         tokens = [