@adea-ai/ui 0.60.4 → 0.61.0

package/src/components/ui/tooltip.tsx

@@ -1,61 +0,0 @@
-import { Tooltip as TooltipPrimitive } from '@kobalte/core/tooltip'
-import {
-  createContext,
-  splitProps,
-  useContext,
-  type ComponentProps,
-  type ParentProps,
-} from 'solid-js'
-
-import { cn } from '#lib/utils'
-
-const TOOLTIP_DELAY = 200
-
-const TooltipDelayContext = createContext<number>(TOOLTIP_DELAY)
-
-function TooltipProvider(props: ParentProps<{ delay?: number }>) {
-  return (
-    <TooltipDelayContext.Provider value={props.delay ?? TOOLTIP_DELAY}>
-      {props.children}
-    </TooltipDelayContext.Provider>
-  )
-}
-
-function Tooltip(props: ComponentProps<typeof TooltipPrimitive>) {
-  const delay = useContext(TooltipDelayContext)
-  return <TooltipPrimitive openDelay={delay} data-slot="tooltip" {...props} />
-}
-
-function TooltipTrigger(props: ComponentProps<typeof TooltipPrimitive.Trigger>) {
-  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />
-}
-
-type TooltipContentProps = ComponentProps<typeof TooltipPrimitive.Content> & {
-  side?: 'top' | 'right' | 'bottom' | 'left'
-  sideOffset?: number
-  align?: 'start' | 'center' | 'end'
-}
-
-function TooltipContent(props: TooltipContentProps) {
-  const [local, rest] = splitProps(props, ['class', 'side', 'sideOffset', 'align', 'children'])
-  const placement = () => `${local.side ?? 'top'}${local.align ? `-${local.align}` : ''}`
-
-  return (
-    <TooltipPrimitive.Portal>
-      <TooltipPrimitive.Content
-        data-slot="tooltip-content"
-        placement={placement()}
-        gutter={local.sideOffset ?? 4}
-        class={cn(
-          'z-(--z-tooltip) max-w-72 rounded-md bg-popover px-2.5 py-1.5 text-sm leading-5 text-popover-foreground shadow-md ring-1 ring-foreground/10 data-closed:animate-out data-closed:fade-out-0 data-expanded:animate-in data-expanded:fade-in-0',
-          local.class
-        )}
-        {...rest}
-      >
-        {local.children}
-      </TooltipPrimitive.Content>
-    </TooltipPrimitive.Portal>
-  )
-}
-
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, TOOLTIP_DELAY }

package/src/components/version-dialog.tsx

@@ -1,368 +0,0 @@
-import {
-  Check,
-  Download,
-  ExternalLink,
-  FileText,
-  LoaderCircle,
-  RefreshCw,
-  Sparkles,
-} from 'lucide-solid'
-import { createEffect, createMemo, createSignal, onMount, Show } from 'solid-js'
-
-import { formatReleaseDate, plainTextFromMarkdown } from '#lib/version-notes'
-import { Button, buttonVariants } from '#components/ui/button'
-import {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from '#components/ui/dialog'
-
-export type SharedDesktopUpdate = Readonly<{
-  available_version: string | null
-  changelog: string
-  current_version: string
-  downloaded_bytes: number
-  error: string | null
-  github_url: string
-  phase:
-    | 'idle'
-    | 'checking'
-    | 'current'
-    | 'available'
-    | 'downloading'
-    | 'installing'
-    | 'installed'
-    | 'failed'
-  release_date: string | null
-  release_notes: string | null
-  restart_required: boolean
-  total_bytes: number | null
-}>
-
-export type VersionDialogAdapter = Readonly<{
-  check(): Promise<SharedDesktopUpdate>
-  getStatus(): Promise<SharedDesktopUpdate>
-  install(expectedVersion: string): Promise<SharedDesktopUpdate>
-  isDesktopRuntime(): boolean
-}>
-
-function errorMessage(caught: unknown, fallback: string): string {
-  if (caught instanceof Error && caught.message) return caught.message
-  if (typeof caught === 'string' && caught) return caught
-  return fallback
-}
-
-function phaseLabel(update: SharedDesktopUpdate | null, fallbackVersion: string): string {
-  if (!update) return `Adea v${fallbackVersion}`
-  if (update.phase === 'checking') return 'Checking for updates…'
-  if (update.phase === 'available' && update.available_version) {
-    return `Update v${update.available_version} available`
-  }
-  if (update.phase === 'downloading' || update.phase === 'installing') {
-    return 'Installing update…'
-  }
-  if (update.phase === 'failed') return `Version ${update.current_version} · Retry`
-  return `Adea v${update.current_version || fallbackVersion}`
-}
-
-function isUpdateBusy(update: SharedDesktopUpdate | null): boolean {
-  return (
-    update?.phase === 'checking' ||
-    update?.phase === 'downloading' ||
-    update?.phase === 'installing'
-  )
-}
-
-export function VersionDialog(props: {
-  adapter: VersionDialogAdapter
-  fallbackVersion?: string
-  onOpenChange?: (open: boolean) => void
-  open?: boolean
-}) {
-  const [uncontrolledOpen, setUncontrolledOpen] = createSignal(false)
-  const open = () => props.open ?? uncontrolledOpen()
-  const setOpen = (nextOpen: boolean) => {
-    if (props.open === undefined) setUncontrolledOpen(nextOpen)
-    props.onOpenChange?.(nextOpen)
-  }
-
-  const desktopRuntime = () => props.adapter.isDesktopRuntime()
-  const [update, setUpdate] = createSignal<SharedDesktopUpdate | null>(null)
-  const [busy, setBusy] = createSignal(false)
-  const [error, setError] = createSignal('')
-
-  const loadCurrentStatus = async () => {
-    if (!desktopRuntime()) return
-    try {
-      setUpdate(await props.adapter.getStatus())
-    } catch (caught) {
-      setError(errorMessage(caught, 'Version status is unavailable'))
-    }
-  }
-
-  onMount(() => {
-    if (desktopRuntime()) void loadCurrentStatus()
-  })
-
-  const checkForUpdates = async () => {
-    if (!desktopRuntime()) {
-      setError('Update checks are available from the desktop app.')
-      return
-    }
-    setBusy(true)
-    setError('')
-    try {
-      setUpdate(await props.adapter.check())
-    } catch (caught) {
-      setError(errorMessage(caught, 'Could not check for updates'))
-      await loadCurrentStatus()
-    } finally {
-      setBusy(false)
-    }
-  }
-
-  createEffect(() => {
-    if (!open() || !desktopRuntime()) return
-    let active = true
-    setError('')
-    setBusy(true)
-    void (async () => {
-      try {
-        const current = await props.adapter.getStatus()
-        if (!active) return
-        setUpdate(current)
-        const checked = await props.adapter.check()
-        if (active) setUpdate(checked)
-      } catch (caught) {
-        if (active) setError(errorMessage(caught, 'Could not check for updates'))
-      } finally {
-        if (active) setBusy(false)
-      }
-    })()
-    return () => {
-      active = false
-    }
-  })
-
-  const install = async () => {
-    const version = update()?.available_version
-    if (!version) return
-    setBusy(true)
-    setError('')
-    try {
-      const next = await props.adapter.install(version)
-      setUpdate(next)
-      // A refused install answers with a normal status payload whose phase is
-      // `failed` (the shell's download/extract/apply errors). Without this,
-      // clicking install looked like nothing happened at all.
-      if (next.phase === 'failed') {
-        setError(errorMessage(next.error, 'Update installation failed'))
-      }
-    } catch (caught) {
-      setError(errorMessage(caught, 'Update installation failed'))
-      await loadCurrentStatus()
-    } finally {
-      setBusy(false)
-    }
-  }
-
-  const currentChangelog = createMemo(() =>
-    plainTextFromMarkdown(update()?.changelog || 'Changelog is loading…')
-  )
-  const releaseNotes = () => {
-    const notes = update()?.release_notes
-    return notes ? plainTextFromMarkdown(notes) : ''
-  }
-  const busyFromSnapshot = () => isUpdateBusy(update())
-
-  return (
-    <Dialog open={open()} onOpenChange={setOpen}>
-      <Show when={props.open === undefined}>
-        <DialogTrigger
-          class={buttonVariants({ variant: 'ghost', size: 'sm' })}
-          aria-label="Open version and updates dialog"
-          aria-haspopup="dialog"
-          onClick={() => setOpen(true)}
-        >
-          <Show when={update()?.phase === 'available'} fallback={<FileText aria-hidden="true" />}>
-            <Sparkles aria-hidden="true" />
-          </Show>
-          {phaseLabel(update(), props.fallbackVersion ?? '0.1.0')}
-        </DialogTrigger>
-      </Show>
-
-      <DialogContent class="max-w-3xl">
-        <DialogHeader>
-          <div class="flex items-center gap-3">
-            <span class="flex size-10 items-center justify-center rounded-xl bg-primary text-primary-foreground">
-              <Sparkles class="size-5" aria-hidden="true" />
-            </span>
-            <div>
-              <DialogTitle>Version & updates</DialogTitle>
-              <DialogDescription>
-                Keep Adea current and review what changed in each release.
-              </DialogDescription>
-            </div>
-          </div>
-        </DialogHeader>
-
-        <div class="flex min-h-0 flex-col gap-5 overflow-y-auto p-6">
-          <section class="rounded-xl border bg-background/45 p-4" aria-label="Version status">
-            <div class="flex flex-wrap items-start justify-between gap-4">
-              <div class="flex flex-col gap-1">
-                <p class="text-xs font-semibold uppercase tracking-[0.14em] text-muted-foreground">
-                  Installed version
-                </p>
-                <p class="text-xl font-semibold tracking-tight">
-                  v{update()?.current_version || props.fallbackVersion || '0.1.0'}
-                </p>
-                <p class="text-sm text-muted-foreground">
-                  <Show
-                    when={update()?.phase === 'current'}
-                    fallback={
-                      <Show
-                        when={update()?.phase === 'available' && update()?.available_version}
-                        fallback={
-                          desktopRuntime()
-                            ? 'Check the release channel for the latest signed build.'
-                            : 'Open this dialog inside the desktop app to check for updates.'
-                        }
-                      >
-                        {`A newer desktop release, v${update()?.available_version}, is ready.`}
-                      </Show>
-                    }
-                  >
-                    You are running the latest desktop release.
-                  </Show>
-                </p>
-              </div>
-              <Button
-                type="button"
-                variant="outline"
-                size="sm"
-                disabled={!desktopRuntime() || busy() || busyFromSnapshot()}
-                onClick={() => void checkForUpdates()}
-              >
-                <Show
-                  when={busy() || busyFromSnapshot()}
-                  fallback={<RefreshCw aria-hidden="true" />}
-                >
-                  <LoaderCircle class="animate-spin" aria-hidden="true" />
-                </Show>
-                Check latest version
-              </Button>
-            </div>
-          </section>
-
-          <Show when={update()?.phase === 'available' && update()?.available_version}>
-            <section
-              class="rounded-xl border border-primary/35 bg-primary/8 p-4"
-              aria-label="Available update"
-            >
-              <div class="flex flex-wrap items-start justify-between gap-4">
-                <div class="flex flex-col gap-1">
-                  <p class="flex items-center gap-2 text-sm font-semibold">
-                    <Sparkles class="size-4 text-primary" aria-hidden="true" />
-                    Version {update()?.available_version} is ready
-                  </p>
-                  <p class="text-sm text-muted-foreground">
-                    The signed installer will be verified before Adea restarts.
-                  </p>
-                  <Show when={formatReleaseDate(update()?.release_date ?? null)}>
-                    {(released) => (
-                      <p class="text-xs text-muted-foreground">Released {released()}</p>
-                    )}
-                  </Show>
-                </div>
-                <Button
-                  type="button"
-                  size="sm"
-                  disabled={busy() || busyFromSnapshot()}
-                  onClick={() => void install()}
-                >
-                  <Show
-                    when={busy() || busyFromSnapshot()}
-                    fallback={<Download aria-hidden="true" />}
-                  >
-                    <LoaderCircle class="animate-spin" aria-hidden="true" />
-                  </Show>
-                  Install and restart
-                </Button>
-              </div>
-            </section>
-          </Show>
-
-          <Show when={update()?.phase === 'current'}>
-            <p class="flex items-center gap-2 text-sm text-success" role="status">
-              <Check class="size-4" aria-hidden="true" />
-              Adea is up to date.
-            </p>
-          </Show>
-
-          <Show when={error()}>
-            <p
-              class="rounded-lg border border-destructive/35 bg-destructive/8 px-3 py-2 text-sm text-destructive"
-              role="alert"
-            >
-              {error()}
-            </p>
-          </Show>
-
-          <Show when={releaseNotes()}>
-            <section class="flex flex-col gap-2" aria-labelledby="adea-release-notes">
-              <div>
-                <h2 id="adea-release-notes" class="text-sm font-semibold">
-                  What changed in this release
-                </h2>
-                <p class="text-xs text-muted-foreground">
-                  Release notes are shown as readable text.
-                </p>
-              </div>
-              <div class="max-h-52 overflow-y-auto whitespace-pre-wrap rounded-xl border bg-background/45 p-4 font-mono text-xs leading-5 text-muted-foreground">
-                {releaseNotes()}
-              </div>
-            </section>
-          </Show>
-
-          <section class="flex flex-col gap-2" aria-labelledby="agent-hq-changelog">
-            <div>
-              <h2 id="agent-hq-changelog" class="text-sm font-semibold">
-                Installed changelog
-              </h2>
-              <p class="text-xs text-muted-foreground">
-                A plain-text history of the installed channel.
-              </p>
-            </div>
-            <div class="max-h-72 overflow-y-auto whitespace-pre-wrap rounded-xl border bg-background/45 p-4 font-mono text-xs leading-5 text-muted-foreground">
-              {currentChangelog()}
-            </div>
-          </section>
-        </div>
-
-        <DialogFooter>
-          <Show when={update()?.github_url}>
-            {(githubUrl) => (
-              <Button
-                type="button"
-                variant="ghost"
-                size="sm"
-                onClick={() => window.open(githubUrl(), '_blank', 'noopener,noreferrer')}
-              >
-                <ExternalLink aria-hidden="true" />
-                View releases
-              </Button>
-            )}
-          </Show>
-          <DialogClose class={buttonVariants({ variant: 'outline', size: 'sm' })}>
-            Close
-          </DialogClose>
-        </DialogFooter>
-      </DialogContent>
-    </Dialog>
-  )
-}

package/src/components/workspace-brand.tsx

@@ -1,18 +0,0 @@
-export interface WorkspaceBrandProps {
-  title: string
-  eyebrow?: string
-}
-
-export function WorkspaceBrand(props: WorkspaceBrandProps) {
-  return (
-    <div class="workspace-brand">
-      <div class="workspace-brand__mark" aria-hidden="true">
-        <span>HQ</span>
-      </div>
-      <div>
-        <p class="workspace-eyebrow">{props.eyebrow ?? 'AGENT OPERATIONS'}</p>
-        <h1>{props.title}</h1>
-      </div>
-    </div>
-  )
-}

package/src/components/workspace-logo.tsx

@@ -1,21 +0,0 @@
-import { splitProps, type ComponentProps } from 'solid-js'
-
-/** The canonical Adea mark used by web, desktop, and dialogs. */
-export function WorkspaceLogo(props: ComponentProps<'svg'>) {
-  const [local, rest] = splitProps(props, ['class'])
-  return (
-    <svg viewBox="0 0 64 64" role="img" aria-label="Adea" class={local.class} {...rest}>
-      <rect width="64" height="64" rx="16" class="fill-[var(--workspace-logo-surface)]" />
-      <path
-        d="M10 16h7v13h9V16h7v32h-7V36h-9v12h-7z"
-        class="fill-[var(--workspace-logo-foreground)]"
-      />
-      <path
-        d="M45 16c-7.18 0-13 6-13 16s5.82 16 13 16c7.18 0 13-6 13-16s-5.82-16-13-16Zm0 7c3.42 0 6 3.46 6 9s-2.58 9-6 9-6-3.46-6-9 2.58-9 6-9Z"
-        fill-rule="evenodd"
-        class="fill-[var(--workspace-logo-foreground)]"
-      />
-      <path d="m45 35 11 11-4 4-11-11z" class="fill-[var(--workspace-logo-foreground)]" />
-    </svg>
-  )
-}

package/src/index.tsx

@@ -1,53 +0,0 @@
-export { Button, buttonVariants } from './components/ui/button'
-export { Switch } from './components/ui/switch'
-export { Toggle } from './components/ui/toggle'
-export { ToggleGroup, ToggleGroupItem } from './components/ui/toggle-group'
-export { RadioGroup, RadioGroupItem } from './components/ui/radio-group'
-export { ThemeToggle } from './components/theme-toggle'
-export { ColorSwatch, ThemeSwatch } from './components/theme-swatch'
-export {
-  ThemeProvider,
-  ThemeScript,
-  useTheme,
-  type ResolvedTheme,
-  type Theme,
-} from './components/theme-provider'
-export {
-  Drawer,
-  DrawerClose,
-  DrawerContent,
-  DrawerDescription,
-  DrawerFooter,
-  DrawerHeader,
-  DrawerOverlay,
-  DrawerPortal,
-  DrawerSwipeHandle,
-  DrawerTitle,
-  DrawerTrigger,
-} from './components/ui/drawer'
-export { AccountDrawer, type AccountDrawerProps } from './components/account-drawer'
-export { WorkspaceBrand, type WorkspaceBrandProps } from './components/workspace-brand'
-export { WorkspaceLogo } from './components/workspace-logo'
-export { OnScreenControls } from './components/on-screen-controls'
-export { SceneSettings, type SceneSettingsProps } from './components/scene-settings'
-export {
-  VersionDialog,
-  type SharedDesktopUpdate,
-  type VersionDialogAdapter,
-} from './components/version-dialog'
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from './components/ui/tooltip'
-export { Card, CardContent } from './components/ui/card'
-export { Spinner } from './components/ui/spinner'
-export {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogOverlay,
-  DialogPortal,
-  DialogTitle,
-  DialogTrigger,
-} from './components/ui/dialog'
-export { cn } from './lib/utils'

package/src/styles/auth-shell.css

@@ -1,167 +0,0 @@
-.auth-shell {
-  --auth-background: var(--hq-shell-background);
-  --auth-surface: var(--hq-shell-surface);
-  --auth-surface-strong: var(--hq-shell-surface-strong);
-  --auth-border: var(--hq-shell-border);
-  --auth-border-subtle: var(--hq-shell-border-subtle);
-  --auth-foreground: var(--hq-shell-foreground);
-  --auth-muted: var(--hq-shell-muted);
-  --auth-muted-strong: var(--hq-shell-muted);
-  --auth-accent: var(--hq-shell-accent);
-  --auth-accent-hover: var(--hq-shell-accent-strong);
-  --auth-accent-foreground: var(--hq-shell-accent-foreground);
-  --auth-grid-line: rgb(255 255 255 / 4%);
-  --auth-panel-shadow: 0 1.5rem 4rem rgb(0 0 0 / 24%);
-
-  display: grid;
-  min-height: 100svh;
-  place-items: center;
-  padding: 1.5rem;
-  background:
-    linear-gradient(90deg, var(--auth-grid-line) 1px, transparent 1px) 0 0 / 4rem 4rem,
-    var(--auth-background);
-  color: var(--auth-foreground);
-}
-
-.auth-panel {
-  width: min(100%, 40rem);
-  padding: clamp(1.5rem, 5vw, 3.5rem);
-  border: 1px solid var(--auth-border);
-  border-radius: 0.75rem;
-  background: var(--auth-surface);
-  box-shadow: var(--auth-panel-shadow);
-}
-
-.auth-eyebrow {
-  margin: 0 0 0.75rem;
-  color: var(--auth-accent);
-  font-size: 0.75rem;
-  font-weight: 800;
-  letter-spacing: 0.14em;
-  text-transform: uppercase;
-}
-
-.auth-title {
-  max-width: 13ch;
-  margin: 0;
-  font-size: clamp(2rem, 7vw, 3.5rem);
-  line-height: 1;
-  letter-spacing: -0.04em;
-}
-
-.auth-introduction {
-  max-width: 52ch;
-  margin: 1.5rem 0;
-  color: var(--auth-muted);
-  line-height: 1.6;
-}
-
-/* Auth-surface status and actions. Shared by the desktop start surface and
-   available to any auth document; the marks carry the theme's state colors. */
-.auth-status {
-  --auth-status-warning: #e7c77d;
-  --auth-status-error: #f1aaa2;
-
-  display: flex;
-  gap: 0.75rem;
-  align-items: flex-start;
-  min-height: 4.5rem;
-  margin: 0 0 1.25rem;
-  padding: 1rem;
-  border-left: 2px solid var(--auth-border-subtle);
-  background: var(--auth-surface-strong);
-}
-
-.auth-status p {
-  margin: 0;
-  color: var(--auth-foreground);
-  line-height: 1.5;
-}
-
-.auth-status__mark {
-  flex: 0 0 auto;
-  width: 0.65rem;
-  height: 0.65rem;
-  margin-top: 0.4rem;
-  border: 2px solid var(--auth-muted-strong);
-  border-radius: 50%;
-}
-
-.auth-status__mark--active {
-  border-color: var(--auth-accent);
-  background: var(--auth-accent);
-}
-
-.auth-status__mark--ready {
-  border-color: var(--hq-shell-active);
-  background: var(--hq-shell-active);
-}
-
-.auth-status__mark--warning {
-  border-color: var(--auth-status-warning);
-  background: var(--auth-status-warning);
-}
-
-.auth-status__mark--error {
-  border-color: var(--auth-status-error);
-  background: var(--auth-status-error);
-}
-
-.auth-actions {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 0.75rem;
-}
-
-.auth-action {
-  min-height: 2.75rem;
-  padding: 0 1rem;
-  border: 0;
-  border-radius: 0.45rem;
-  color: var(--auth-accent-foreground);
-  background: var(--auth-accent);
-  font: inherit;
-  font-weight: 650;
-  cursor: pointer;
-}
-
-.auth-action:disabled {
-  cursor: wait;
-  opacity: 0.65;
-}
-
-.auth-action:focus-visible {
-  outline: 3px solid var(--auth-foreground);
-  outline-offset: 2px;
-}
-
-.auth-action-secondary {
-  border: 1px solid var(--auth-border-subtle);
-  color: var(--auth-foreground);
-  background: transparent;
-}
-
-.auth-action-secondary:hover:not(:disabled) {
-  border-color: var(--auth-muted-strong);
-  background: var(--auth-surface-strong);
-}
-
-.auth-note {
-  max-width: 56ch;
-  margin: 1.25rem 0 0;
-  color: var(--auth-muted-strong);
-  font-size: 0.8125rem;
-  line-height: 1.5;
-}
-
-@media (max-width: 30rem) {
-  .auth-shell {
-    padding: 0;
-  }
-
-  .auth-panel {
-    min-height: 100svh;
-    border: 0;
-    border-radius: 0;
-  }
-}