@korso/shepherd-ui 0.10.0 → 0.11.1

package/dist/lib/selfhost.js

@@ -1,23 +1,23 @@
 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-BSGZuM-A.js";
-const i = "shepherd.token";
-function p() {
+import { useState as s, useCallback as h, useMemo as d } from "react";
+import { c as m, a as u, D as p } from "./Dashboard-DNr0hdbW.js";
+const n = "shepherd.token";
+function f() {
   try {
-    return localStorage.getItem(i) ?? "";
+    return localStorage.getItem(n) ?? "";
   } catch {
     return "";
   }
 }
-function f({ onSubmit: t }) {
-  const [r, a] = s("");
+function g({ onSubmit: r }) {
+  const [o, a] = s("");
   return /* @__PURE__ */ l("section", { id: "gate", className: "gate", children: [
     /* @__PURE__ */ e("h1", { children: "Shepherd" }),
     /* @__PURE__ */ e("p", { children: "Enter the team token to view the workspace." }),
-    /* @__PURE__ */ l("form", { id: "gate-form", onSubmit: (n) => {
-      n.preventDefault();
-      const c = r.trim();
-      c !== "" && t(c);
+    /* @__PURE__ */ l("form", { id: "gate-form", onSubmit: (t) => {
+      t.preventDefault();
+      const i = o.trim();
+      i !== "" && r(i);
     }, children: [
       /* @__PURE__ */ e(
         "input",
@@ -27,42 +27,42 @@ function f({ onSubmit: t }) {
           placeholder: "Team token",
           "aria-label": "Team token",
           autoComplete: "off",
-          value: r,
-          onChange: (n) => a(n.target.value)
+          value: o,
+          onChange: (t) => a(t.target.value)
         }
       ),
       /* @__PURE__ */ e("button", { type: "submit", children: "View" })
     ] })
   ] });
 }
-function b() {
-  const [t, r] = s(p), a = h(
-    () => d({
+function v() {
+  const [r, o] = s(f), a = h(() => {
+    try {
+      localStorage.removeItem(n);
+    } catch {
+    }
+    o("");
+  }, []), c = d(
+    () => m({
       baseUrl: "",
-      getAuthHeader: () => `Bearer ${t}`,
-      onUnauthorized: () => {
-        try {
-          localStorage.removeItem(i);
-        } catch {
-        }
-        r("");
-      }
+      getAuthHeader: () => `Bearer ${r}`,
+      onUnauthorized: a
     }),
-    [t]
+    [a, r]
   );
-  return t === "" ? /* @__PURE__ */ e(
-    f,
+  return r === "" ? /* @__PURE__ */ e(
+    g,
     {
-      onSubmit: (o) => {
+      onSubmit: (t) => {
         try {
-          localStorage.setItem(i, o);
+          localStorage.setItem(n, t);
         } catch {
         }
-        r(o);
+        o(t);
       }
     }
-  ) : /* @__PURE__ */ e("div", { className: "wrap", children: /* @__PURE__ */ e(m, { client: a, children: /* @__PURE__ */ e(u, {}) }) });
+  ) : /* @__PURE__ */ e("div", { className: "wrap", children: /* @__PURE__ */ e(u, { client: c, children: /* @__PURE__ */ e(p, { onLogout: a }) }) });
 }
 export {
-  b as SelfHostApp
+  v as SelfHostApp
 };

package/dist/lib/styles.css

@@ -21,6 +21,12 @@
       .status--warn { color:var(--terr); }
       .status--error { color:var(--drop); }
       .freshness { font-size:12px; color:var(--ink3); }
+      .header-signout { font:inherit; font-size:13px; color:var(--ink2); cursor:pointer;
+        border:1px solid var(--line); border-radius:8px; padding:5px 11px;
+        background:transparent; transition:color .12s ease, border-color .12s ease, background .12s ease; }
+      .header-signout:hover { color:var(--ink); border-color:var(--ink3); background:rgba(255,250,238,.35); }
+      .header-signout:focus-visible { outline:none; border-color:var(--terr);
+        box-shadow:0 0 0 3px rgba(122,106,72,.14); }
 
       /* Repo selector (hidden when <2 repos; populated by app.js) */
       .repo { position:relative; }
@@ -263,6 +269,12 @@
 
       /* No-workspace Config prompt (create/join now live in the switcher). */
       .config-none { color:var(--ink2); font-size:13.5px; max-width:520px; }
+      .config-signout { margin-top:28px; padding-top:24px; border-top:1px solid var(--line2); }
+      .config-signout .card-body { align-items:flex-start; }
+      .shepherd-config .config-signout button { background:transparent; color:var(--ink2);
+        border-color:var(--line); padding:7px 14px; }
+      .shepherd-config .config-signout button:hover:not(:disabled) { color:var(--ink);
+        border-color:var(--ink3); background:rgba(50,44,32,.06); }
 
       /* Read-only workspace facts (name / role) in General. Deliberately plain
          text — no border/background — so they don't read as editable inputs. */