sh3-core 0.10.2 → 0.10.5

package/dist/primitives/ResizableSplitter.svelte

@@ -28,6 +28,7 @@
     sizes,
     pinned,
     collapsed,
+    fixed,
     count,
     pane,
     onResize,
@@ -46,6 +47,13 @@
     pinned?: SizeMode[];
     /** Per-pane collapsed state. Omitted entries default to false. */
     collapsed?: boolean[];
+    /**
+     * Per-pane fixed flag. A fixed pane has no collapse widget and
+     * the handles on either side of it are frozen (non-interactive,
+     * rendered thinner). A non-fixed pane whose every neighbor is
+     * fixed also loses its collapse widget.
+     */
+    fixed?: boolean[];
     /** Number of panes — `sizes.length` should match. */
     count: number;
     /** Snippet invoked once per pane with the pane index. */
@@ -67,6 +75,15 @@
 
   const modeOf = (i: number): SizeMode => pinned?.[i] ?? 'fr';
   const isCollapsed = (i: number): boolean => collapsed?.[i] ?? false;
+  const isFixed = (i: number): boolean => fixed?.[i] ?? false;
+  const isHandleFrozen = (i: number): boolean => isFixed(i) || isFixed(i + 1);
+
+  function canCollapse(i: number): boolean {
+    if (isFixed(i)) return false;
+    const left = i > 0 ? !isFixed(i - 1) : false;
+    const right = i < count - 1 ? !isFixed(i + 1) : false;
+    return left || right;
+  }
 
   /** CSS `flex` shorthand for pane i. */
   function flexFor(i: number): string {
@@ -88,8 +105,9 @@
   let drag: DragState | null = $state(null);
 
   function beginDrag(e: PointerEvent, handleIndex: number) {
-    // Disable resize handles adjacent to collapsed panes.
+    // Disable resize handles adjacent to collapsed or fixed panes.
     if (isCollapsed(handleIndex) || isCollapsed(handleIndex + 1)) return;
+    if (isHandleFrozen(handleIndex)) return;
 
     e.preventDefault();
     (e.target as HTMLElement).setPointerCapture(e.pointerId);
@@ -198,12 +216,13 @@
           <span class="collapse-icon">{direction === 'horizontal' ? '▸' : '▾'}</span>
         </button>
       {:else}
-        {#if onCollapseToggle}
+        {#if onCollapseToggle && canCollapse(i)}
           <button
             type="button"
             class="collapse-header expanded"
             class:horizontal={direction === 'horizontal'}
             class:vertical={direction === 'vertical'}
+            data-testid="collapse-toggle-{i}"
             onclick={() => onCollapseToggle?.(i, true)}
             aria-label="Collapse pane"
           >
@@ -221,12 +240,17 @@
         class="splitter-handle"
         class:dragging={drag?.handleIndex === i}
         class:disabled={isCollapsed(i) || isCollapsed(i + 1)}
+        class:frozen={isHandleFrozen(i)}
         data-testid="splitter-handle-{i}"
         onpointerdown={(e) => beginDrag(e, i)}
         onpointermove={moveDrag}
         onpointerup={endDrag}
         onpointercancel={endDrag}
-        ondblclick={() => onCollapseToggle?.(i, !isCollapsed(i))}
+        ondblclick={() => {
+          if (isHandleFrozen(i)) return;
+          if (!canCollapse(i) && !isCollapsed(i)) return;
+          onCollapseToggle?.(i, !isCollapsed(i));
+        }}
         role="separator"
         aria-orientation={direction === 'horizontal' ? 'vertical' : 'horizontal'}
       ></div>
@@ -323,6 +347,15 @@
     cursor: default;
     pointer-events: none;
   }
+  .splitter-handle.frozen {
+    cursor: default;
+    pointer-events: none;
+    background: var(--shell-border);
+    opacity: 0.5;
+  }
+  .splitter-handle.frozen:hover {
+    background: var(--shell-border);
+  }
 
   .horizontal > .splitter-handle {
     width: 4px;
@@ -332,4 +365,6 @@
     height: 4px;
     cursor: row-resize;
   }
+  .horizontal > .splitter-handle.frozen { width: 1px; }
+  .vertical   > .splitter-handle.frozen { height: 1px; }
 </style>

package/dist/primitives/ResizableSplitter.svelte.d.ts

@@ -14,6 +14,13 @@ type $$ComponentProps = {
     pinned?: SizeMode[];
     /** Per-pane collapsed state. Omitted entries default to false. */
     collapsed?: boolean[];
+    /**
+     * Per-pane fixed flag. A fixed pane has no collapse widget and
+     * the handles on either side of it are frozen (non-interactive,
+     * rendered thinner). A non-fixed pane whose every neighbor is
+     * fixed also loses its collapse widget.
+     */
+    fixed?: boolean[];
     /** Number of panes — `sizes.length` should match. */
     count: number;
     /** Snippet invoked once per pane with the pane index. */

package/dist/primitives/base.css

@@ -16,7 +16,7 @@ input[type="reset"],
 .shell-base-button {
   padding: 6px 14px;
   background: var(--shell-accent, #6ea8fe);
-  color: #fff;
+  color: var(--shell-fg, #fff);
   border: none;
   border-radius: var(--shell-radius);
   cursor: pointer;
@@ -40,3 +40,142 @@ input[type="reset"]:active,
 .shell-base-button:active {
   filter: brightness(0.92);
 }
+
+/* ── Text inputs ─────────────────────────────────────────────────────── */
+
+input[type="text"],
+input[type="email"],
+input[type="password"],
+input[type="search"],
+input[type="url"],
+input[type="tel"],
+input[type="number"],
+textarea,
+.shell-base-input {
+  padding: var(--shell-pad-md) var(--shell-pad-lg);
+  background: var(--shell-input-bg);
+  color: var(--shell-fg);
+  border: 1px solid var(--shell-border);
+  border-radius: var(--shell-radius);
+  font-family: inherit;
+  font-size: 0.8125rem;
+  line-height: var(--shell-line);
+}
+
+::placeholder { color: var(--shell-fg-muted); }
+
+input:focus-visible,
+textarea:focus-visible,
+.shell-base-input:focus-visible {
+  border-color: var(--shell-input-border-focus);
+  box-shadow: var(--shell-focus-ring);
+  outline: none;
+}
+
+input:disabled,
+textarea:disabled,
+.shell-base-input[aria-disabled="true"] {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+
+textarea {
+  resize: vertical;
+  min-height: calc(var(--shell-line) * 3em);
+}
+
+/* ── Checkbox & radio ────────────────────────────────────────────────── */
+
+input[type="checkbox"].shell-base-check,
+input[type="radio"].shell-base-radio {
+  appearance: none;
+  width: 14px;
+  height: 14px;
+  margin: 0;
+  background: var(--shell-input-bg);
+  border: 1px solid var(--shell-border);
+  cursor: pointer;
+  display: inline-grid;
+  place-content: center;
+  flex-shrink: 0;
+}
+
+.shell-base-check { border-radius: var(--shell-radius-sm); }
+.shell-base-radio { border-radius: 50%; }
+
+.shell-base-check:checked,
+.shell-base-radio:checked {
+  background: var(--shell-accent);
+  border-color: var(--shell-accent);
+}
+
+.shell-base-check:checked::before {
+  content: "";
+  width: 8px;
+  height: 8px;
+  background: #fff;
+  clip-path: polygon(14% 44%, 0 60%, 40% 100%, 100% 20%, 85% 8%, 38% 70%);
+}
+
+.shell-base-radio:checked::before {
+  content: "";
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  background: #fff;
+}
+
+.shell-base-check:focus-visible,
+.shell-base-radio:focus-visible {
+  box-shadow: var(--shell-focus-ring);
+  outline: none;
+}
+
+.shell-base-check:disabled,
+.shell-base-radio:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
+
+/* ── Switch ──────────────────────────────────────────────────────────── */
+
+input[type="checkbox"].shell-base-switch {
+  appearance: none;
+  position: relative;
+  width: 28px;
+  height: 16px;
+  margin: 0;
+  background: var(--shell-border-strong);
+  border-radius: 999px;
+  cursor: pointer;
+  transition: background 120ms ease;
+  flex-shrink: 0;
+}
+
+.shell-base-switch::before {
+  content: "";
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 12px;
+  height: 12px;
+  background: var(--shell-fg);
+  border-radius: 50%;
+  transition: transform 120ms ease;
+}
+
+.shell-base-switch:checked { background: var(--shell-accent); }
+.shell-base-switch:checked::before {
+  transform: translateX(12px);
+  background: #fff;
+}
+
+.shell-base-switch:focus-visible {
+  box-shadow: var(--shell-focus-ring);
+  outline: none;
+}
+
+.shell-base-switch:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}

package/dist/shell-shard/InputLine.svelte

@@ -119,6 +119,7 @@
   .shell-input-cwd { color: var(--shell-fg-muted, #888); }
   .shell-input-arrow { color: var(--shell-accent, #6cf); }
   .shell-input-field {
+    padding: 0;
     flex: 1 1 auto;
     background: transparent;
     border: 0;

package/dist/shellRuntime.svelte.d.ts

@@ -5,6 +5,7 @@ import { type PopupManager } from './overlays/popup';
 import { type ToastManager } from './overlays/toast';
 import { type FloatManager } from './overlays/float';
 import { type PresetManager } from './overlays/presets';
+import type { ConflictsApi } from './conflicts/api';
 /**
  * The process-wide shell singleton exposed to shards and the shell's own
  * internal code. Provides state zone creation and overlay managers.
@@ -28,6 +29,8 @@ export interface Shell {
     float: FloatManager;
     /** Named layout presets per app. See overlays/presets.ts. */
     presets: PresetManager;
+    /** Conflict manager view. Shell-owned modal for conflict arbitration. */
+    conflicts: ConflictsApi;
 }
 /** The process-wide shell instance. Framework-internal code uses this directly; shards receive a scoped view via `ShardContext`. */
 export declare const shell: Shell;

package/dist/shellRuntime.svelte.js

@@ -20,6 +20,7 @@ import { popupManager } from './overlays/popup';
 import { toastManager } from './overlays/toast';
 import { floatManager } from './overlays/float';
 import { presetManager } from './overlays/presets';
+import { conflictsApi } from './conflicts/shell-api';
 /** The process-wide shell instance. Framework-internal code uses this directly; shards receive a scoped view via `ShardContext`. */
 export const shell = {
     state: createStateZones,
@@ -28,4 +29,5 @@ export const shell = {
     toast: toastManager,
     float: floatManager,
     presets: presetManager,
+    conflicts: conflictsApi,
 };

package/dist/tokens.css

@@ -33,7 +33,9 @@
   --shell-accent-muted: #3a5580;
 
   /* Inputs */
-  --shell-input-bg:  #2a2a2a;
+  --shell-input-bg:           #2a2a2a;
+  --shell-input-border-focus: var(--shell-accent);
+  --shell-focus-ring:         0 0 0 2px color-mix(in srgb, var(--shell-accent) 40%, transparent);
 
   /* Semantic */
   --shell-error:   #f87171;

package/dist/version.d.ts

@@ -1,2 +1,2 @@
 /** Auto-generated from package.json — do not edit manually. */
-export declare const VERSION = "0.10.2";
+export declare const VERSION = "0.10.5";

package/dist/version.js

@@ -1,2 +1,2 @@
 /** Auto-generated from package.json — do not edit manually. */
-export const VERSION = '0.10.2';
+export const VERSION = '0.10.5';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sh3-core",
-  "version": "0.10.2",
+  "version": "0.10.5",
   "type": "module",
   "files": [
     "dist"