palmier 0.9.6 → 0.9.7

package/palmier-server/pwa/src/App.tsx

@@ -1,59 +0,0 @@
-import { useEffect } from "react";
-import { Routes, Route, useNavigate, useParams, Navigate } from "react-router-dom";
-import { HostStoreProvider, useHostStore } from "./contexts/HostStoreContext";
-import { HostConnectionProvider } from "./contexts/HostConnectionContext";
-import { Device } from "./native/Device";
-import Dashboard from "./pages/Dashboard";
-import PairHost from "./pages/PairHost";
-import PairSetup from "./pages/PairSetup";
-
-function DeepLinkRouter() {
-  const navigate = useNavigate();
-  useEffect(() => {
-    if (!Device) return;
-    const handle = Device.addListener("deepLink", ({ path }) => navigate(path));
-    return () => { handle.then((h) => h.remove()); };
-  }, [navigate]);
-  return null;
-}
-
-function RootRedirect() {
-  const { pairedHosts } = useHostStore();
-  if (pairedHosts.length === 0) return <Navigate to="/pair" replace />;
-  return <Navigate to={`/hosts/${encodeURIComponent(pairedHosts[0].hostId)}`} replace />;
-}
-
-function HostScope() {
-  const { hostId } = useParams<{ hostId: string }>();
-  const { pairedHosts } = useHostStore();
-  const host = pairedHosts.find((h) => h.hostId === hostId) ?? null;
-
-  if (!host) return <Navigate to="/" replace />;
-
-  return (
-    <HostConnectionProvider activeHost={host}>
-      <Routes>
-        <Route index element={<Dashboard />} />
-        <Route path="tasks" element={<Dashboard />} />
-        <Route path="runs/:taskId" element={<Dashboard />} />
-        <Route path="runs/:taskId/:runId" element={<Dashboard />} />
-        <Route path="pair/setup" element={<PairSetup />} />
-        <Route path="*" element={<Navigate to="." replace />} />
-      </Routes>
-    </HostConnectionProvider>
-  );
-}
-
-export default function App() {
-  return (
-    <HostStoreProvider>
-      <DeepLinkRouter />
-      <Routes>
-        <Route path="/" element={<RootRedirect />} />
-        <Route path="/pair" element={<PairHost />} />
-        <Route path="/hosts/:hostId/*" element={<HostScope />} />
-        <Route path="*" element={<Navigate to="/" replace />} />
-      </Routes>
-    </HostStoreProvider>
-  );
-}

package/palmier-server/pwa/src/agentLabels.ts

@@ -1,11 +0,0 @@
-import type { AgentInfo } from "./types";
-
-const labels: Record<string, string> = {};
-
-export function setAgentLabels(agents: AgentInfo[]): void {
-  for (const a of agents) labels[a.key] = a.label;
-}
-
-export function getAgentLabel(key: string): string {
-  return labels[key] ?? key;
-}

package/palmier-server/pwa/src/api.ts

@@ -1,67 +0,0 @@
-import { Capacitor } from "@capacitor/core";
-
-/** On native platforms, API calls go to the production server. On web, they're relative (same-origin). */
-export const SERVER_URL = Capacitor.isNativePlatform() ? "https://app.palmier.me" : "";
-
-async function request<T>(
-  method: string,
-  path: string,
-  body?: unknown,
-  token?: string
-): Promise<T> {
-  const url = `${SERVER_URL}${path}`;
-  console.log(`[API] ${method} ${url}`);
-  const headers: Record<string, string> = {
-    "Content-Type": "application/json",
-  };
-  if (token) {
-    headers["Authorization"] = `Bearer ${token}`;
-  }
-  const res = await fetch(url, {
-    method,
-    headers,
-    body: body != null ? JSON.stringify(body) : undefined,
-  });
-  if (!res.ok) {
-    const text = await res.text();
-    let message: string;
-    try {
-      const json = JSON.parse(text);
-      message = json.error ?? json.message ?? text;
-    } catch {
-      message = text;
-    }
-    console.error(`[API] ${method} ${path} failed:`, res.status, message);
-    throw new Error(message || `Request failed with status ${res.status}`);
-  }
-  console.log(`[API] ${method} ${path} ->`, res.status);
-  return res.json() as Promise<T>;
-}
-
-export function apiPost<T = unknown>(
-  path: string,
-  body: unknown,
-  token?: string
-): Promise<T> {
-  return request<T>("POST", path, body, token);
-}
-
-export function apiGet<T = unknown>(path: string, token?: string): Promise<T> {
-  return request<T>("GET", path, undefined, token);
-}
-
-export function apiPatch<T = unknown>(
-  path: string,
-  body: unknown,
-  token?: string
-): Promise<T> {
-  return request<T>("PATCH", path, body, token);
-}
-
-export function apiDelete<T = unknown>(
-  path: string,
-  body?: unknown,
-  token?: string
-): Promise<T> {
-  return request<T>("DELETE", path, body, token);
-}

package/palmier-server/pwa/src/components/CapabilityToggles.tsx

@@ -1,170 +0,0 @@
-import { useState, useEffect, useCallback } from "react";
-import { createPortal } from "react-dom";
-import { Capacitor } from "@capacitor/core";
-import { App as CapacitorApp } from "@capacitor/app";
-import { Device, type CapabilityStatus } from "../native/Device";
-
-const isNative = Capacitor.isNativePlatform();
-
-type CapabilityGroup = "Messaging" | "Data" | "Device";
-
-const CAPABILITY_GROUPS: CapabilityGroup[] = ["Device", "Data", "Messaging"];
-
-interface CapabilityDefinition {
-  capability: string;
-  label: string;
-  group: CapabilityGroup;
-}
-
-const CAPABILITIES: CapabilityDefinition[] = [
-  { capability: "sms-read", label: "Read SMS", group: "Messaging" },
-  { capability: "sms-send", label: "Send SMS", group: "Messaging" },
-  { capability: "send-email", label: "Prompt Email to Send", group: "Messaging" },
-  { capability: "notifications", label: "Notifications from Other Apps", group: "Data" },
-  { capability: "contacts", label: "Manage Contacts", group: "Data" },
-  { capability: "calendar", label: "Manage Calendar", group: "Data" },
-  { capability: "location", label: "Get Location", group: "Device" },
-  { capability: "dnd", label: "Set Ringer Mode", group: "Device" },
-  { capability: "alarm", label: "Trigger Alarms", group: "Device" },
-];
-
-export async function loadEnabledCapabilities(): Promise<Set<string>> {
-  if (!isNative || !Device) return new Set();
-  try {
-    const { capabilities } = await Device.getCapabilityStatus();
-    return new Set(capabilities.filter((c) => c.enabled).map((c) => c.name));
-  } catch {
-    return new Set();
-  }
-}
-
-interface CapabilityTogglesProps {
-  onChange?(enabled: Set<string>): void;
-  /** When true, disabling a currently-on capability prompts a confirmation
-   * mentioning that all linked hosts will lose it. */
-  confirmDisable?: boolean;
-}
-
-export default function CapabilityToggles({ onChange, confirmDisable = false }: CapabilityTogglesProps) {
-  const [statuses, setStatuses] = useState<Map<string, CapabilityStatus>>(new Map());
-  const [busyCapability, setBusyCapability] = useState<string | null>(null);
-  const [confirmingDisable, setConfirmingDisable] = useState<CapabilityDefinition | null>(null);
-
-  const refresh = useCallback(async () => {
-    if (!isNative || !Device) return;
-    try {
-      const { capabilities } = await Device.getCapabilityStatus();
-      const next = new Map<string, CapabilityStatus>();
-      for (const c of capabilities) next.set(c.name, c);
-      setStatuses(next);
-      onChange?.(new Set(capabilities.filter((c) => c.enabled).map((c) => c.name)));
-    } catch (err) {
-      console.error("Failed to read capability status:", err);
-    }
-  }, [onChange]);
-
-  useEffect(() => { refresh(); }, [refresh]);
-
-  useEffect(() => {
-    if (!isNative) return;
-    const listener = CapacitorApp.addListener("resume", refresh);
-    return () => { listener.then((h) => h.remove()); };
-  }, [refresh]);
-
-  async function applyToggle(definition: CapabilityDefinition, enabled: boolean) {
-    if (!Device) return;
-    setBusyCapability(definition.capability);
-    try {
-      const result = await Device.setCapabilityEnabled({ capability: definition.capability, enabled });
-      if (!result.enabled && result.reason === "no-email-client") {
-        alert("No email app is installed on this device. Install one (e.g. Gmail) before enabling Send Email.");
-      }
-      await refresh();
-    } catch (err) {
-      console.error(`Failed to toggle ${definition.capability}:`, err);
-    } finally {
-      setBusyCapability(null);
-    }
-  }
-
-  function toggleCapability(definition: CapabilityDefinition) {
-    const status = statuses.get(definition.capability);
-    if (!status) return;
-    if (status.enabled && confirmDisable) {
-      setConfirmingDisable(definition);
-      return;
-    }
-    applyToggle(definition, !status.enabled);
-  }
-
-  function confirmAndDisable() {
-    const definition = confirmingDisable;
-    if (!definition) return;
-    setConfirmingDisable(null);
-    applyToggle(definition, false);
-  }
-
-  if (!isNative) return null;
-
-  const visibleGroups = CAPABILITY_GROUPS
-    .map((group) => ({
-      group,
-      items: CAPABILITIES.filter((d) => {
-        const s = statuses.get(d.capability);
-        return d.group === group && s?.supported;
-      }),
-    }))
-    .filter((g) => g.items.length > 0);
-
-  if (visibleGroups.length === 0) {
-    return (
-      <div className="capability-toggles-loading">
-        <span className="spinner" />
-      </div>
-    );
-  }
-
-  const disableModal = confirmingDisable && createPortal(
-    <div className="confirm-modal-overlay" onClick={() => setConfirmingDisable(null)}>
-      <div className="confirm-modal" onClick={(e) => e.stopPropagation()}>
-        <h2 className="confirm-modal-title">Disable {confirmingDisable.label}?</h2>
-        <p className="confirm-modal-message">
-          All hosts linked to this device will no longer be able to use {confirmingDisable.label}.
-        </p>
-        <div className="confirm-modal-actions">
-          <button className="btn btn-secondary" onClick={() => setConfirmingDisable(null)}>Cancel</button>
-          <button className="btn btn-danger" onClick={confirmAndDisable}>Disable</button>
-        </div>
-      </div>
-    </div>,
-    document.body,
-  );
-
-  return (
-    <>
-      {visibleGroups.map(({ group, items }, index) => (
-        <div key={group} className={index > 0 ? "drawer-toggle-group drawer-toggle-group-divided" : "drawer-toggle-group"}>
-          {items.map((definition) => {
-            const status = statuses.get(definition.capability);
-            const on = !!status?.enabled;
-            return (
-              <label key={definition.capability} className="drawer-toggle">
-                <span className="drawer-toggle-label">{definition.label}</span>
-                <button
-                  className={`toggle-switch ${on ? "toggle-switch-on" : ""}`}
-                  onClick={() => toggleCapability(definition)}
-                  disabled={busyCapability === definition.capability}
-                  role="switch"
-                  aria-checked={on}
-                >
-                  <span className="toggle-switch-thumb" />
-                </button>
-              </label>
-            );
-          })}
-        </div>
-      ))}
-      {disableModal}
-    </>
-  );
-}

package/palmier-server/pwa/src/components/ConnectionStatusIcon.tsx

@@ -1,113 +0,0 @@
-import { useState, useRef, useEffect } from "react";
-import { Capacitor } from "@capacitor/core";
-import { useHostConnection } from "../contexts/HostConnectionContext";
-
-const isNative = Capacitor.isNativePlatform();
-
-const SVG_PROPS = {
-  width: 16,
-  height: 16,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round" as const,
-  strokeLinejoin: "round" as const,
-};
-
-function LinkedDevicesIcon() {
-  return (
-    <svg {...SVG_PROPS} aria-hidden="true">
-      <rect x="3" y="6" width="5" height="12" rx="1" />
-      <rect x="16" y="6" width="5" height="12" rx="1" />
-      <line x1="8" y1="12" x2="16" y2="12" />
-    </svg>
-  );
-}
-
-function GlobeIcon() {
-  return (
-    <svg {...SVG_PROPS} aria-hidden="true">
-      <circle cx="12" cy="12" r="10" />
-      <line x1="2" y1="12" x2="22" y2="12" />
-      <path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z" />
-    </svg>
-  );
-}
-
-function WarningIcon() {
-  return (
-    <svg {...SVG_PROPS} aria-hidden="true">
-      <path d="M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z" />
-      <line x1="12" y1="9" x2="12" y2="13" />
-      <line x1="12" y1="17" x2="12.01" y2="17" />
-    </svg>
-  );
-}
-
-export default function ConnectionStatusIcon() {
-  const { mode } = useHostConnection();
-  const [popoverOpen, setPopoverOpen] = useState(false);
-  const containerRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    if (!popoverOpen) return;
-    function onPointerDown(e: PointerEvent) {
-      if (!containerRef.current?.contains(e.target as Node)) setPopoverOpen(false);
-    }
-    document.addEventListener("pointerdown", onPointerDown);
-    const timer = window.setTimeout(() => setPopoverOpen(false), 3000);
-    return () => {
-      document.removeEventListener("pointerdown", onPointerDown);
-      clearTimeout(timer);
-    };
-  }, [popoverOpen]);
-
-  if (mode === "direct") return null;
-
-  let icon: React.ReactNode;
-  let label: string;
-  let modifier: string;
-  switch (mode) {
-    case "lan":
-      icon = <LinkedDevicesIcon />;
-      label = "Connected via LAN";
-      modifier = "lan";
-      break;
-    case "nats":
-      icon = <GlobeIcon />;
-      label = isNative ? "Connected via relay" : "Connected";
-      modifier = "relay";
-      break;
-    case "disconnected":
-      icon = <WarningIcon />;
-      label = "Disconnected";
-      modifier = "disconnected";
-      break;
-    case "connecting":
-    default:
-      icon = <GlobeIcon />;
-      label = "Connecting\u2026";
-      modifier = "connecting";
-      break;
-  }
-
-  return (
-    <div ref={containerRef} className={`conn-status conn-status--${modifier}`}>
-      <button
-        type="button"
-        className="conn-status-btn"
-        aria-label={label}
-        onClick={() => setPopoverOpen((v) => !v)}
-      >
-        {icon}
-      </button>
-      <div
-        className={`conn-status-popover ${popoverOpen ? "conn-status-popover--open" : ""}`}
-        role="tooltip"
-      >
-        {label}
-      </div>
-    </div>
-  );
-}