@peers-app/peers-ui 0.27.2 → 0.27.4

package/src/command-palette/command-palette.ts

@@ -1,242 +0,0 @@
-import { observable } from "@peers-app/peers-sdk";
-import { goToTabPath } from "../tabs-layout/tabs-state";
-
-export interface Command {
-  id: string;
-  label: string;
-  description?: string;
-  shortcut?: string;
-  category?: string;
-  iconClassName?: string;
-  action: () => void;
-  isAvailable?: () => boolean;
-}
-
-// Command palette state (in-memory only, no persistence needed)
-export const isCommandPaletteOpen = observable<boolean>(false);
-
-export const commandSearchQuery = observable<string>("");
-
-// Command registry
-const registeredCommands = new Map<string, Command>();
-
-// Detect platform for keyboard shortcuts
-const isMac =
-  typeof navigator !== "undefined" ? /Mac|iPod|iPhone|iPad/.test(navigator.userAgent) : false;
-const modKey = isMac ? "Cmd" : "Ctrl";
-
-// Core system commands
-const coreCommands: Command[] = [
-  {
-    id: "search",
-    label: "Search Everything",
-    description: "Search across all content",
-    shortcut: `${modKey}+K`,
-    iconClassName: "bi-search",
-    category: "Navigation",
-    action: () => {
-      closeCommandPalette();
-      goToTabPath("search");
-    },
-  },
-  {
-    id: "close-tab",
-    label: "Close Tab",
-    description: "Close the current tab",
-    shortcut: `${modKey}+W`,
-    iconClassName: "bi-x",
-    category: "Tabs",
-    action: () => {
-      closeCommandPalette();
-      // Import dynamically to avoid circular dependency
-      import("../tabs-layout/tabs-state").then(({ closeCurrentTab }) => {
-        closeCurrentTab();
-      });
-    },
-  },
-  {
-    id: "next-tab",
-    label: "Next Tab",
-    description: "Switch to next tab",
-    shortcut: "Ctrl+Tab",
-    iconClassName: "bi-arrow-right",
-    category: "Tabs",
-    action: () => {
-      closeCommandPalette();
-      import("../tabs-layout/tabs-state").then(({ switchToNextTab }) => {
-        switchToNextTab();
-      });
-    },
-  },
-  {
-    id: "previous-tab",
-    label: "Previous Tab",
-    description: "Switch to previous tab",
-    shortcut: "Ctrl+Shift+Tab",
-    iconClassName: "bi-arrow-left",
-    category: "Tabs",
-    action: () => {
-      closeCommandPalette();
-      import("../tabs-layout/tabs-state").then(({ switchToPreviousTab }) => {
-        switchToPreviousTab();
-      });
-    },
-  },
-  {
-    id: "go-home",
-    label: "Go to Threads",
-    description: "Navigate to threads/home",
-    shortcut: `${modKey}+H`,
-    iconClassName: "bi-cpu",
-    category: "Navigation",
-    action: () => {
-      closeCommandPalette();
-      goToTabPath("threads");
-    },
-  },
-];
-
-// Register core commands
-for (const cmd of coreCommands) {
-  registeredCommands.set(cmd.id, cmd);
-}
-
-// Command registration functions
-export function registerCommand(command: Command): void {
-  registeredCommands.set(command.id, command);
-}
-
-export function unregisterCommand(commandId: string): void {
-  registeredCommands.delete(commandId);
-}
-
-export function getCommand(commandId: string): Command | undefined {
-  return registeredCommands.get(commandId);
-}
-
-export function getAllCommands(): Command[] {
-  return Array.from(registeredCommands.values()).filter(
-    (cmd) => !cmd.isAvailable || cmd.isAvailable(),
-  );
-}
-
-export function searchCommands(query: string): Command[] {
-  if (!query.trim()) return getAllCommands();
-
-  const lowerQuery = query.toLowerCase();
-  return getAllCommands().filter(
-    (cmd) =>
-      cmd.label.toLowerCase().includes(lowerQuery) ||
-      cmd.description?.toLowerCase().includes(lowerQuery) ||
-      cmd.category?.toLowerCase().includes(lowerQuery),
-  );
-}
-
-// Command palette controls
-export function openCommandPalette(): void {
-  isCommandPaletteOpen(true);
-  commandSearchQuery("");
-}
-
-export function closeCommandPalette(): void {
-  isCommandPaletteOpen(false);
-  commandSearchQuery("");
-}
-
-export function toggleCommandPalette(): void {
-  if (isCommandPaletteOpen()) {
-    closeCommandPalette();
-  } else {
-    openCommandPalette();
-  }
-}
-
-export function executeCommand(commandId: string): void {
-  const command = getCommand(commandId);
-  if (command) {
-    command.action();
-  }
-}
-
-// Keyboard shortcut handling
-const shortcutToCommandMap = new Map<string, string>();
-
-// Build shortcut map from registered commands
-function buildShortcutMap(): void {
-  shortcutToCommandMap.clear();
-  getAllCommands().forEach((cmd) => {
-    if (cmd.shortcut) {
-      shortcutToCommandMap.set(normalizeShortcut(cmd.shortcut), cmd.id);
-    }
-  });
-}
-
-function normalizeShortcut(shortcut: string): string {
-  return shortcut
-    .toLowerCase()
-    .replace("cmd", "meta")
-    .replace("command", "meta")
-    .replace(/\s+/g, "");
-}
-
-function getKeyFromEvent(event: KeyboardEvent): string {
-  const parts: string[] = [];
-
-  if (event.metaKey) parts.push("meta");
-  if (event.ctrlKey) parts.push("ctrl");
-  if (event.altKey) parts.push("alt");
-  if (event.shiftKey) parts.push("shift");
-
-  parts.push(event.key.toLowerCase());
-
-  return parts.join("+");
-}
-
-// Global keyboard event handler
-const handleKeyDown = (event: KeyboardEvent) => {
-  const key = getKeyFromEvent(event);
-
-  // Handle Cmd+K (Mac) / Ctrl+K (Windows/Linux) to open command palette
-  const paletteShortcut = isMac ? "meta+k" : "ctrl+k";
-  if (key === paletteShortcut) {
-    event.preventDefault();
-    toggleCommandPalette();
-    return;
-  }
-
-  // Handle Escape to close command palette
-  if (key === "escape" && isCommandPaletteOpen()) {
-    event.preventDefault();
-    closeCommandPalette();
-    return;
-  }
-
-  // If command palette is open, don't handle other shortcuts
-  if (isCommandPaletteOpen()) {
-    return;
-  }
-
-  // Handle other registered shortcuts
-  const commandId = shortcutToCommandMap.get(key);
-  if (commandId) {
-    event.preventDefault();
-    executeCommand(commandId);
-  }
-};
-
-// Initialize keyboard shortcuts
-export function initializeCommandPalette(): void {
-  buildShortcutMap();
-  document.addEventListener("keydown", handleKeyDown);
-}
-
-// Clean up (for testing or hot reloading)
-export function destroyCommandPalette(): void {
-  document.removeEventListener("keydown", handleKeyDown);
-  shortcutToCommandMap.clear();
-}
-
-// Auto-initialize when this module loads
-if (typeof window !== "undefined") {
-  initializeCommandPalette();
-}

package/src/components/access-level-field.test.tsx

@@ -1,32 +0,0 @@
-import { observable } from "@peers-app/peers-sdk";
-import { fireEvent, render, screen } from "@testing-library/react";
-import { AccessLevelField } from "./access-level-field";
-
-describe("AccessLevelField", () => {
-  it("shows the named preset and current label", () => {
-    render(<AccessLevelField value={observable(40)} />);
-    expect(screen.getByRole("combobox")).toHaveValue("40");
-    expect(screen.getByText(/Unclassified records default to Self/)).toHaveTextContent(
-      "Writer (40)",
-    );
-  });
-
-  it("writes a named preset onto the observable", () => {
-    const value = observable(40);
-    render(<AccessLevelField value={value} />);
-    fireEvent.change(screen.getByRole("combobox"), { target: { value: "60" } });
-    expect(value()).toBe(60);
-    expect(screen.getByText(/Unclassified records default to Self/)).toHaveTextContent(
-      "Admin (60)",
-    );
-  });
-
-  it("edits a custom integer between named tiers", () => {
-    const value = observable(45);
-    render(<AccessLevelField value={value} />);
-    expect(screen.getByRole("combobox")).toHaveValue("custom");
-    fireEvent.change(screen.getByRole("spinbutton"), { target: { value: "47" } });
-    expect(value()).toBe(47);
-    expect(screen.getByText(/Writer\+ \(47\)/)).toBeInTheDocument();
-  });
-});

package/src/components/access-level-field.tsx

@@ -1,68 +0,0 @@
-import {
-  getAccessLevelLabel,
-  listAccessLevelPresets,
-  type Observable,
-  resolveAccessLevel,
-} from "@peers-app/peers-sdk";
-import { useObservable } from "../hooks";
-import { Input } from "./input";
-
-interface AccessLevelFieldProps {
-  value: number | Observable<number | undefined>;
-  disabled?: boolean;
-}
-
-/**
- * Named-preset plus custom 0–100 editor for tool and Assistant access levels.
- */
-export function AccessLevelField(props: AccessLevelFieldProps) {
-  const [value, setValue] = useObservable(props.value);
-  const level = resolveAccessLevel(value);
-  const presets = listAccessLevelPresets();
-  const isNamed = presets.some((preset) => preset.value === level);
-
-  return (
-    <div className="mb-3">
-      <small>Access level:</small>
-      <div className="d-flex gap-2 align-items-center">
-        <select
-          className="form-select form-select-sm"
-          disabled={props.disabled}
-          value={isNamed ? String(level) : "custom"}
-          onChange={(evt) => {
-            if (evt.target.value === "custom") {
-              setValue(level);
-              return;
-            }
-            setValue(Number(evt.target.value));
-          }}
-        >
-          {presets.map((preset) => (
-            <option key={preset.value} value={preset.value}>
-              {preset.label} ({preset.value})
-            </option>
-          ))}
-          <option value="custom">Custom</option>
-        </select>
-        <Input
-          type="number"
-          min={0}
-          max={100}
-          disabled={props.disabled}
-          className="form-control form-control-sm"
-          style={{ maxWidth: 90 }}
-          value={level}
-          onChange={(evt) => {
-            const next = Number((evt.target as HTMLInputElement).value);
-            if (Number.isInteger(next) && next >= 0 && next <= 100) {
-              setValue(next);
-            }
-          }}
-        />
-      </div>
-      <div className="form-text">
-        {getAccessLevelLabel(level)} ({level}). Unclassified records default to Self (100).
-      </div>
-    </div>
-  );
-}

package/src/components/checkbox.tsx

@@ -1,25 +0,0 @@
-import type { Observable } from "@peers-app/peers-sdk";
-import type React from "react";
-import { useObservable } from "../hooks";
-
-interface IProps
-  extends Omit<
-    React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>,
-    "checked"
-  > {
-  checked?: boolean | Observable<boolean | undefined>;
-  type?: React.HTMLInputTypeAttribute;
-}
-
-export function Checkbox(props: IProps) {
-  const [checked, setChecked] = useObservable(props.checked);
-  const type = props.type ?? "checkbox";
-  function onChange(evt: React.ChangeEvent<HTMLInputElement>) {
-    let _value: boolean = evt.target.checked;
-    if (type === "checkbox") {
-      _value = !!_value;
-    }
-    setChecked(_value);
-  }
-  return <input onChange={onChange} type={type} {...props} checked={checked} />;
-}