palmier 0.9.6 → 0.9.7

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

@@ -1,429 +0,0 @@
-import { useState, useEffect, useRef, useCallback } from "react";
-import { createPortal } from "react-dom";
-import { useNavigate, useParams, useLocation } from "react-router-dom";
-import { Capacitor } from "@capacitor/core";
-import { useHostStore } from "../contexts/HostStoreContext";
-import { useHostConnection } from "../contexts/HostConnectionContext";
-import { useMediaQuery } from "../hooks/useMediaQuery";
-import { confirmLeaveDraft } from "../draftGuard";
-import { Device } from "../native/Device";
-import CapabilityToggles from "./CapabilityToggles";
-
-/** Local mode: PWA is served by palmier serve on loopback. */
-const isLoopback = !!(window as any).__PALMIER_SERVE__
-  && (window.location.hostname === "localhost" || window.location.hostname === "127.0.0.1");
-const isNative = Capacitor.isNativePlatform();
-
-interface HostMenuProps {
-  daemonVersion?: string | null;
-  linkedClientToken?: string | null;
-  request?<T = unknown>(method: string, params?: unknown): Promise<T>;
-  onEnabledCapabilitiesChange?(next: Set<string>): void;
-  onLinkedClientTokenChange?(next: string | null): void;
-}
-
-export default function HostMenu({ daemonVersion, linkedClientToken, request, onEnabledCapabilitiesChange, onLinkedClientTokenChange }: HostMenuProps) {
-  const { pairedHosts, removePairedHost, renamePairedHost } = useHostStore();
-  const { activeHost } = useHostConnection();
-  const navigate = useNavigate();
-  const location = useLocation();
-  const params = useParams<{ hostId?: string }>();
-  const activeHostId = params.hostId ?? null;
-  const activeClientToken = activeHost.clientToken || null;
-  const isLinkedDevice = !!activeClientToken && linkedClientToken === activeClientToken;
-  const isDesktop = useMediaQuery("(min-width: 768px)");
-  const [linkingBusy, setLinkingBusy] = useState(false);
-
-  const [now, setNow] = useState(() => Date.now());
-  useEffect(() => {
-    const tick = () => setNow(Date.now());
-    const msUntilNextMinute = 60_000 - (Date.now() % 60_000);
-    const first = setTimeout(() => {
-      tick();
-      const iv = setInterval(tick, 60_000);
-      (first as unknown as { _iv: ReturnType<typeof setInterval> })._iv = iv;
-    }, msUntilNextMinute);
-    return () => {
-      const iv = (first as unknown as { _iv?: ReturnType<typeof setInterval> })._iv;
-      if (iv) clearInterval(iv);
-      clearTimeout(first);
-    };
-  }, []);
-  const hostClock = activeHost.timezone
-    ? new Date(now).toLocaleString(undefined, {
-        month: "short", day: "numeric", hour: "numeric", minute: "2-digit",
-        timeZone: activeHost.timezone,
-      })
-    : "";
-
-  async function makeThisLinkedDevice() {
-    if (!Device || !request || !activeClientToken) return;
-    setLinkingBusy(true);
-    try {
-      const { token: fcmToken } = await Device.getFcmToken();
-      if (!fcmToken) return;
-      await request("device.link", { fcmToken });
-      onLinkedClientTokenChange?.(activeClientToken);
-    } catch (err) {
-      console.error("Failed to make this the linked device:", err);
-    } finally {
-      setLinkingBusy(false);
-    }
-  }
-
-  async function handleDelete(hostId: string) {
-    const wasActive = hostId === activeHostId;
-    // Only revoke against the currently-active host — `request` uses its client
-    // token. Non-active unpair is local-only; the host keeps a dangling token
-    // the user can clear via `palmier clients revoke`.
-    if (wasActive && request) {
-      try { await request("clients.revoke_self"); } catch { /* best effort */ }
-    }
-    removePairedHost(hostId);
-    setConfirmingDeleteId(null);
-    if (wasActive) navigate("/", { replace: true });
-  }
-
-  function switchHost(newHostId: string) {
-    const onTasks = location.pathname.endsWith("/tasks");
-    const tabSuffix = onTasks ? "/tasks" : "";
-    navigate(`/hosts/${encodeURIComponent(newHostId)}${tabSuffix}`);
-  }
-
-  const [visible, setVisible] = useState(false);
-  const [closing, setClosing] = useState(false);
-  const [renamingId, setRenamingId] = useState<string | null>(null);
-  const [renameValue, setRenameValue] = useState("");
-  const [confirmingDeleteId, setConfirmingDeleteId] = useState<string | null>(null);
-  const [confirmingLink, setConfirmingLink] = useState(false);
-
-  const drawerRef = useRef<HTMLDivElement>(null);
-  const renameInputRef = useRef<HTMLInputElement>(null);
-
-  const close = useCallback(() => {
-    setClosing(true);
-  }, []);
-
-  function handleAnimationEnd() {
-    if (closing) {
-      setVisible(false);
-      setClosing(false);
-    }
-  }
-
-  function openDrawer() {
-    setClosing(false);
-    setVisible(true);
-  }
-
-  function startRename(hostId: string, currentName: string) {
-    setRenamingId(hostId);
-    setRenameValue(currentName);
-  }
-
-  function submitRename() {
-    if (renamingId && renameValue.trim()) {
-      renamePairedHost(renamingId, renameValue.trim());
-    }
-    setRenamingId(null);
-    setRenameValue("");
-  }
-
-  function cancelRename() {
-    setRenamingId(null);
-    setRenameValue("");
-  }
-
-  useEffect(() => {
-    if (renamingId && renameInputRef.current) {
-      renameInputRef.current.focus();
-      renameInputRef.current.select();
-    }
-  }, [renamingId]);
-
-  useEffect(() => {
-    if (!visible || closing) return;
-    function handleKey(e: KeyboardEvent) {
-      if (e.key === "Escape") close();
-    }
-    document.addEventListener("keydown", handleKey);
-    return () => {
-      document.removeEventListener("keydown", handleKey);
-    };
-  }, [visible, closing, close]);
-
-  const drawerContent = (
-    <>
-      {!isDesktop && (
-        <button
-          className="drawer-close-btn"
-          onClick={close}
-          aria-label="Close menu"
-        >
-          <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
-            <path d="M4 4L12 12M12 4L4 12" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
-          </svg>
-        </button>
-      )}
-
-      {!isLoopback && pairedHosts.length > 0 && (
-        <div className="drawer-section">
-          <h3 className="drawer-section-label">Hosts</h3>
-          <div className="host-picker-inline">
-            <div className="host-picker-list" role="listbox">
-              {pairedHosts.map((host) => {
-                const isActive = host.hostId === activeHostId;
-                const isRenaming = renamingId === host.hostId;
-                const displayName = host.name || host.hostId.slice(0, 8);
-                return (
-                  <div key={host.hostId} className="host-picker-item-wrapper">
-                    <div
-                      className={`host-picker-item ${isActive ? "host-picker-item-active" : ""}`}
-                      onClick={() => {
-                        if (isRenaming) return;
-                        if (!isActive) {
-                          if (!confirmLeaveDraft()) return;
-                          switchHost(host.hostId);
-                          if (!isDesktop) close();
-                        }
-                      }}
-                      role="option"
-                      aria-selected={isActive}
-                    >
-                      {isRenaming ? (
-                        <input
-                          ref={renameInputRef}
-                          className="form-input host-picker-rename-input"
-                          type="text"
-                          value={renameValue}
-                          onChange={(e) => setRenameValue(e.target.value)}
-                          onKeyDown={(e) => {
-                            if (e.key === "Enter") submitRename();
-                            if (e.key === "Escape") cancelRename();
-                          }}
-                          onBlur={submitRename}
-                          onClick={(e) => e.stopPropagation()}
-                        />
-                      ) : (
-                        <span className="host-picker-item-name">
-                          {displayName}
-                        </span>
-                      )}
-                      <div className="host-picker-item-actions">
-                        {isActive && !isRenaming && (
-                          <button
-                            className="host-picker-edit-btn"
-                            onClick={(e) => {
-                              e.stopPropagation();
-                              startRename(host.hostId, displayName);
-                            }}
-                            aria-label="Rename host"
-                          >
-                            <svg width="13" height="13" viewBox="0 0 13 13" fill="none">
-                              <path
-                                d="M9.5 1.5L11.5 3.5M1.5 11.5L2 9L9 2L11 4L4 11L1.5 11.5Z"
-                                stroke="currentColor"
-                                strokeWidth="1.2"
-                                strokeLinecap="round"
-                                strokeLinejoin="round"
-                              />
-                            </svg>
-                          </button>
-                        )}
-                        {!isActive && (
-                          <button
-                            className="host-picker-delete-btn"
-                            onClick={(e) => {
-                              e.stopPropagation();
-                              setConfirmingDeleteId(host.hostId);
-                            }}
-                            aria-label={`Unpair ${displayName}`}
-                          >
-                            <svg width="14" height="14" viewBox="0 0 14 14" fill="none">
-                              <path
-                                d="M4 5.5V11C4 11.2761 4.22386 11.5 4.5 11.5H9.5C9.77614 11.5 10 11.2761 10 11V5.5M3 4H11M5.5 4V3C5.5 2.72386 5.72386 2.5 6 2.5H8C8.27614 2.5 8.5 2.72386 8.5 3V4M6.5 6.5V9.5M7.5 6.5V9.5"
-                                stroke="currentColor"
-                                strokeWidth="1.2"
-                                strokeLinecap="round"
-                                strokeLinejoin="round"
-                              />
-                            </svg>
-                          </button>
-                        )}
-                      </div>
-                    </div>
-                  </div>
-                );
-              })}
-            </div>
-          </div>
-        </div>
-      )}
-
-      {!isLoopback && (<>
-        <div className="drawer-divider" />
-        <div className="drawer-section">
-          <button
-            className="btn btn-primary btn-full"
-            onClick={() => { if (!confirmLeaveDraft()) return; navigate("/pair"); if (!isDesktop) close(); }}
-          >
-            Add New Host
-          </button>
-        </div>
-      </>)}
-
-      {isNative && request && (
-        <>
-          <div className="drawer-divider" />
-          <div className="drawer-section">
-            <h3 className="drawer-section-label">Device Capabilities</h3>
-            {isLinkedDevice ? (
-              <CapabilityToggles onChange={onEnabledCapabilitiesChange} confirmDisable />
-            ) : (
-              <>
-                <p className="drawer-section-hint">
-                  This device isn't the linked device for the host, so it can't provide capabilities (SMS, contacts, location, etc.).
-                </p>
-                <button
-                  className="btn btn-secondary btn-full"
-                  onClick={() => {
-                    if (linkedClientToken && linkedClientToken !== activeClientToken) {
-                      setConfirmingLink(true);
-                    } else {
-                      makeThisLinkedDevice();
-                    }
-                  }}
-                  disabled={linkingBusy}
-                >
-                  {linkingBusy ? "Linking…" : "Link the host to this device"}
-                </button>
-              </>
-            )}
-          </div>
-        </>
-      )}
-
-      <div className="drawer-footer">
-        {activeHost.timezone && (
-          <div className="drawer-host-time">
-            Host time: {hostClock} · {activeHost.timezone}
-          </div>
-        )}
-        {daemonVersion && (
-          <div className="drawer-version">
-            Host version: v{daemonVersion}
-          </div>
-        )}
-        <div className="drawer-legal">
-          <a href="https://www.palmier.me/terms" target="_blank" rel="noopener noreferrer">Terms</a>
-          <span className="drawer-legal-sep">·</span>
-          <a href="https://www.palmier.me/privacy" target="_blank" rel="noopener noreferrer">Privacy</a>
-        </div>
-      </div>
-    </>
-  );
-
-  const deletingIsLinked = !!confirmingDeleteId && confirmingDeleteId === activeHostId && isLinkedDevice;
-  const deleteModal = confirmingDeleteId && createPortal(
-    <div className="confirm-modal-overlay" onClick={() => setConfirmingDeleteId(null)}>
-      <div className="confirm-modal" onClick={(e) => e.stopPropagation()}>
-        <h2 className="confirm-modal-title">Remove host?</h2>
-        <p className="confirm-modal-message">
-          "{pairedHosts.find((h) => h.hostId === confirmingDeleteId)?.name || confirmingDeleteId.slice(0, 8)}" will be {deletingIsLinked ? "removed and unlinked" : "removed"}.
-          {deletingIsLinked && (
-            <> This device is currently linked to the host — unlinking will revoke its access to all device capabilities (SMS, contacts, location, etc.) until another device is linked.</>
-          )}
-        </p>
-        <div className="confirm-modal-actions">
-          <button
-            className="btn btn-secondary"
-            onClick={() => setConfirmingDeleteId(null)}
-          >
-            Cancel
-          </button>
-          <button
-            className="btn btn-danger"
-            onClick={() => handleDelete(confirmingDeleteId)}
-          >
-            Remove
-          </button>
-        </div>
-      </div>
-    </div>,
-    document.body
-  );
-
-  const linkModal = confirmingLink && createPortal(
-    <div className="confirm-modal-overlay" onClick={() => setConfirmingLink(false)}>
-      <div className="confirm-modal" onClick={(e) => e.stopPropagation()}>
-        <h2 className="confirm-modal-title">Link the host to this device?</h2>
-        <p className="confirm-modal-message">
-          Another device is already linked to this host. Only one device can be linked to the host — switching will disable those capabilities on the currently linked device.
-        </p>
-        <div className="confirm-modal-actions">
-          <button
-            className="btn btn-secondary"
-            onClick={() => setConfirmingLink(false)}
-          >
-            Cancel
-          </button>
-          <button
-            className="btn btn-primary"
-            onClick={() => { setConfirmingLink(false); makeThisLinkedDevice(); }}
-          >
-            Link
-          </button>
-        </div>
-      </div>
-    </div>,
-    document.body
-  );
-
-  // Desktop: persistent inline sidebar
-  if (isDesktop) {
-    return (
-      <>
-        <div className="drawer-panel drawer-panel-desktop" ref={drawerRef}>
-          {drawerContent}
-        </div>
-        {deleteModal}
-      {linkModal}
-      </>
-    );
-  }
-
-  // Mobile: hamburger + slide-out drawer
-  return (
-    <>
-      <button
-        className="hamburger-btn"
-        onClick={openDrawer}
-        aria-label="Open menu"
-      >
-        <svg width="20" height="20" viewBox="0 0 20 20" fill="none">
-          <path d="M3 5H17M3 10H17M3 15H17" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" />
-        </svg>
-      </button>
-
-      {visible && createPortal(
-        <div
-          className={`drawer-overlay ${closing ? "drawer-overlay-closing" : ""}`}
-          onClick={close}
-          onAnimationEnd={handleAnimationEnd}
-        >
-          <div
-            className={`drawer-panel ${closing ? "drawer-panel-closing" : ""}`}
-            ref={drawerRef}
-            onClick={(e) => e.stopPropagation()}
-          >
-            {drawerContent}
-          </div>
-        </div>,
-        document.body
-      )}
-
-      {deleteModal}
-      {linkModal}
-    </>
-  );
-}

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

@@ -1,34 +0,0 @@
-import type { RequiredPermission } from "../types";
-
-interface PermissionsDialogProps {
-  permissions?: RequiredPermission[];
-}
-
-export default function PermissionsDialog({ permissions }: PermissionsDialogProps) {
-  return (
-    <div className="permissions-dialog">
-      <h2>Granted Permissions</h2>
-      <div className="permissions-dialog-scroll">
-        {permissions && permissions.length > 0 ? (
-          <div className="permissions-section">
-            <ul className="permissions-list">
-              {permissions.map((p, i) => (
-                <li key={i} className="permission-item">
-                  <span className="permission-tool">{p.name}</span>
-                  <span className="permission-desc">{p.description}</span>
-                </li>
-              ))}
-            </ul>
-          </div>
-        ) : (
-          <p className="permissions-empty">No permissions have been granted for this task.</p>
-        )}
-      </div>
-      <div className="permissions-dialog-actions">
-        <button className="btn btn-secondary" onClick={() => history.back()}>
-          Back
-        </button>
-      </div>
-    </div>
-  );
-}

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

@@ -1,46 +0,0 @@
-interface Props {
-  pullDistance: number;
-  refreshing: boolean;
-  threshold: number;
-}
-
-/**
- * Fixed-position indicator parked just above the viewport that slides down as
- * the user pulls. Opacity ramps up quickly so the badge peeks in immediately;
- * the arrow flips upward once the pull has crossed the release threshold.
- */
-export default function PullToRefreshIndicator({ pullDistance, refreshing, threshold }: Props) {
-  const visible = pullDistance > 0 || refreshing;
-  const ready = pullDistance >= threshold;
-  return (
-    <div
-      className="pull-to-refresh"
-      style={{
-        transform: `translateY(${pullDistance}px)`,
-        opacity: visible ? Math.min(1, pullDistance / 30) : 0,
-      }}
-      aria-hidden={!visible}
-    >
-      <div className="pull-to-refresh-badge">
-        {refreshing ? (
-          <div className="spinner" />
-        ) : (
-          <svg
-            width="18"
-            height="18"
-            viewBox="0 0 24 24"
-            fill="none"
-            stroke="currentColor"
-            strokeWidth="2.25"
-            strokeLinecap="round"
-            strokeLinejoin="round"
-            style={{ transform: ready ? "rotate(180deg)" : "rotate(0deg)", transition: "transform 0.15s" }}
-          >
-            <line x1="12" y1="5" x2="12" y2="19" />
-            <polyline points="19 12 12 19 5 12" />
-          </svg>
-        )}
-      </div>
-    </div>
-  );
-}