kennel 0.2.13 → 0.2.16

package/kernel/packages/ui/src/components/content-issues.tsx

@@ -1,63 +0,0 @@
-import type { ReactNode } from "react"
-
-/**
- * One precise content problem, structurally identical to
- * `ContentIssue` from `kennel-plugins` (kept local so the ui
- * package does not depend on the plugin contract's runtime).
- */
-export type ContentIssue = {
-  path: string
-  message: string
-}
-
-/**
- * Shared red validation panel for folder plugins: a heading plus the
- * `path: message` issue lines produced by a plugin's `parse.ts` validator.
- * Plugins render this directly from the in-band `{ status: "error", issues }`
- * payload their server entry returns.
- */
-export function ContentIssues({
-  file,
-  issues,
-  variant = "error",
-}: {
-  file: string
-  issues: ContentIssue[]
-  /** Amber advisory panel for warnings; the default is the red error panel. */
-  variant?: "error" | "warning"
-}): ReactNode {
-  if (variant === "warning") {
-    return (
-      <div className="rounded-md border border-amber-500/40 p-4">
-        <p className="m-0 text-sm font-semibold text-amber-700">
-          {file} warnings.
-        </p>
-        <ul className="m-0 mt-2 list-disc space-y-1 pl-5 text-sm text-amber-700">
-          {issues.map((issue, index) => (
-            <li key={index}>
-              <code className="text-[13px]">{issue.path || file}</code>
-              {issue.path ? ": " : " — "}
-              {issue.message}
-            </li>
-          ))}
-        </ul>
-      </div>
-    )
-  }
-  return (
-    <div className="rounded-md border border-[#9c3a3a]/40 p-4">
-      <p className="m-0 text-sm font-semibold text-[#9c3a3a]">
-        {file} is not valid.
-      </p>
-      <ul className="m-0 mt-2 list-disc space-y-1 pl-5 text-sm text-[#9c3a3a]">
-        {issues.map((issue, index) => (
-          <li key={index}>
-            <code className="text-[13px]">{issue.path || file}</code>
-            {issue.path ? ": " : " — "}
-            {issue.message}
-          </li>
-        ))}
-      </ul>
-    </div>
-  )
-}

package/kernel/packages/ui/src/components/context-menu.tsx

@@ -1,298 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react"
-import { ContextMenu as ContextMenuPrimitive } from "radix-ui"
-
-import { cn } from "@raggle-ai/ui/lib/utils"
-
-function ContextMenu({
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {
-  return <ContextMenuPrimitive.Root data-slot="context-menu" {...props} />
-}
-
-function ContextMenuTrigger({
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Trigger>) {
-  return (
-    <ContextMenuPrimitive.Trigger data-slot="context-menu-trigger" {...props} />
-  )
-}
-
-function ContextMenuGroup({
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Group>) {
-  return (
-    <ContextMenuPrimitive.Group data-slot="context-menu-group" {...props} />
-  )
-}
-
-function ContextMenuPortal({
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Portal>) {
-  return (
-    <ContextMenuPrimitive.Portal data-slot="context-menu-portal" {...props} />
-  )
-}
-
-function ContextMenuSub({
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Sub>) {
-  return <ContextMenuPrimitive.Sub data-slot="context-menu-sub" {...props} />
-}
-
-function ContextMenuRadioGroup({
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.RadioGroup>) {
-  return (
-    <ContextMenuPrimitive.RadioGroup
-      data-slot="context-menu-radio-group"
-      {...props}
-    />
-  )
-}
-
-function ContextMenuSubTrigger({
-  className,
-  inset,
-  children,
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
-  inset?: boolean
-}) {
-  return (
-    <ContextMenuPrimitive.SubTrigger
-      data-slot="context-menu-sub-trigger"
-      data-inset={inset}
-      className={cn(
-        `focus:bg-accent focus:text-accent-foreground
-        data-[state=open]:bg-accent data-[state=open]:text-accent-foreground
-        [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default
-        items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none
-        data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0
-        [&_svg:not([class*='size-'])]:size-4`,
-        className,
-      )}
-      {...props}
-    >
-      {children}
-      <ChevronRightIcon className="ml-auto" />
-    </ContextMenuPrimitive.SubTrigger>
-  )
-}
-
-function ContextMenuSubContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.SubContent>) {
-  return (
-    <ContextMenuPrimitive.SubContent
-      data-slot="context-menu-sub-content"
-      className={cn(
-        `bg-popover text-popover-foreground data-[state=open]:animate-in
-        data-[state=closed]:animate-out data-[state=closed]:fade-out-0
-        data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95
-        data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2
-        data-[side=left]:slide-in-from-right-2
-        data-[side=right]:slide-in-from-left-2
-        data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem]
-        origin-(--radix-context-menu-content-transform-origin) overflow-hidden
-        rounded-md border p-1 shadow-lg`,
-        className,
-      )}
-      {...props}
-    />
-  )
-}
-
-function ContextMenuContent({
-  className,
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Content>) {
-  return (
-    <ContextMenuPrimitive.Portal>
-      <ContextMenuPrimitive.Content
-        data-slot="context-menu-content"
-        className={cn(
-          `bg-popover text-popover-foreground data-[state=open]:animate-in
-          data-[state=closed]:animate-out data-[state=closed]:fade-out-0
-          data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95
-          data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2
-          data-[side=left]:slide-in-from-right-2
-          data-[side=right]:slide-in-from-left-2
-          data-[side=top]:slide-in-from-bottom-2 z-50
-          max-h-(--radix-context-menu-content-available-height) min-w-[8rem]
-          origin-(--radix-context-menu-content-transform-origin)
-          overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md`,
-          className,
-        )}
-        {...props}
-      />
-    </ContextMenuPrimitive.Portal>
-  )
-}
-
-function ContextMenuItem({
-  className,
-  inset,
-  variant = "default",
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Item> & {
-  inset?: boolean
-  variant?: "default" | "destructive"
-}) {
-  return (
-    <ContextMenuPrimitive.Item
-      data-slot="context-menu-item"
-      data-inset={inset}
-      data-variant={variant}
-      className={cn(
-        `focus:bg-accent focus:text-accent-foreground
-        data-[variant=destructive]:text-destructive
-        data-[variant=destructive]:focus:bg-destructive/10
-        dark:data-[variant=destructive]:focus:bg-destructive/20
-        data-[variant=destructive]:focus:text-destructive
-        data-[variant=destructive]:*:[svg]:!text-destructive
-        [&_svg:not([class*='text-'])]:text-muted-foreground relative flex
-        cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm
-        outline-hidden select-none data-[disabled]:pointer-events-none
-        data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none
-        [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
-        className,
-      )}
-      {...props}
-    />
-  )
-}
-
-function ContextMenuCheckboxItem({
-  className,
-  children,
-  checked,
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>) {
-  return (
-    <ContextMenuPrimitive.CheckboxItem
-      data-slot="context-menu-checkbox-item"
-      className={cn(
-        `focus:bg-accent focus:text-accent-foreground relative flex
-        cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm
-        outline-hidden select-none data-[disabled]:pointer-events-none
-        data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0
-        [&_svg:not([class*='size-'])]:size-4`,
-        className,
-      )}
-      checked={checked}
-      {...props}
-    >
-      <span
-        className="pointer-events-none absolute left-2 flex size-3.5
-          items-center justify-center"
-      >
-        <ContextMenuPrimitive.ItemIndicator>
-          <CheckIcon className="size-4" />
-        </ContextMenuPrimitive.ItemIndicator>
-      </span>
-      {children}
-    </ContextMenuPrimitive.CheckboxItem>
-  )
-}
-
-function ContextMenuRadioItem({
-  className,
-  children,
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.RadioItem>) {
-  return (
-    <ContextMenuPrimitive.RadioItem
-      data-slot="context-menu-radio-item"
-      className={cn(
-        `focus:bg-accent focus:text-accent-foreground relative flex
-        cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm
-        outline-hidden select-none data-[disabled]:pointer-events-none
-        data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0
-        [&_svg:not([class*='size-'])]:size-4`,
-        className,
-      )}
-      {...props}
-    >
-      <span
-        className="pointer-events-none absolute left-2 flex size-3.5
-          items-center justify-center"
-      >
-        <ContextMenuPrimitive.ItemIndicator>
-          <CircleIcon className="size-2 fill-current" />
-        </ContextMenuPrimitive.ItemIndicator>
-      </span>
-      {children}
-    </ContextMenuPrimitive.RadioItem>
-  )
-}
-
-function ContextMenuLabel({
-  className,
-  inset,
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Label> & {
-  inset?: boolean
-}) {
-  return (
-    <ContextMenuPrimitive.Label
-      data-slot="context-menu-label"
-      data-inset={inset}
-      className={cn(
-        "text-foreground px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",
-        className,
-      )}
-      {...props}
-    />
-  )
-}
-
-function ContextMenuSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof ContextMenuPrimitive.Separator>) {
-  return (
-    <ContextMenuPrimitive.Separator
-      data-slot="context-menu-separator"
-      className={cn("bg-border -mx-1 my-1 h-px", className)}
-      {...props}
-    />
-  )
-}
-
-function ContextMenuShortcut({
-  className,
-  ...props
-}: React.ComponentProps<"span">) {
-  return (
-    <span
-      data-slot="context-menu-shortcut"
-      className={cn(
-        "text-muted-foreground ml-auto text-xs tracking-widest",
-        className,
-      )}
-      {...props}
-    />
-  )
-}
-
-export {
-  ContextMenu,
-  ContextMenuTrigger,
-  ContextMenuContent,
-  ContextMenuItem,
-  ContextMenuCheckboxItem,
-  ContextMenuRadioItem,
-  ContextMenuLabel,
-  ContextMenuSeparator,
-  ContextMenuShortcut,
-  ContextMenuGroup,
-  ContextMenuPortal,
-  ContextMenuSub,
-  ContextMenuSubContent,
-  ContextMenuSubTrigger,
-  ContextMenuRadioGroup,
-}

package/kernel/packages/ui/src/components/copy-context.tsx

@@ -1,134 +0,0 @@
-import type { ComponentProps } from "react"
-import { useCallback, useEffect, useRef, useState } from "react"
-import { Check, Copy } from "lucide-react"
-
-import { Button } from "@raggle-ai/ui/components/button"
-import { toast } from "@raggle-ai/ui/components/sonner"
-
-/**
- * Clipboard writer shared by every "copy this item's context" affordance.
- * Clipboard API first, hidden-textarea `execCommand` fallback for LAN hosts
- * (`--lan` is not a secure context, so the Clipboard API is absent there).
- * Resolves to whether the value reached the clipboard.
- */
-export const copyText = async (value: string): Promise<boolean> => {
-  if (navigator.clipboard?.writeText) {
-    try {
-      await navigator.clipboard.writeText(value)
-      return true
-    } catch {
-      // Fall through for localhost and embedded browser contexts.
-    }
-  }
-
-  const textarea = document.createElement("textarea")
-  textarea.value = value
-  textarea.setAttribute("readonly", "")
-  textarea.style.position = "fixed"
-  textarea.style.left = "-9999px"
-  textarea.style.top = "0"
-  document.body.appendChild(textarea)
-  textarea.select()
-  try {
-    return document.execCommand("copy")
-  } finally {
-    document.body.removeChild(textarea)
-  }
-}
-
-/**
- * The context to copy: either a ready string or a builder function. Builders
- * may be async, so a plugin can assemble its prompt inside a wait function
- * (fetch a detail, append a body read from disk, …) before the clipboard
- * write happens.
- */
-export type CopyContextSource = string | (() => string | Promise<string>)
-
-/**
- * Shared state behind a copy affordance: `copy()` writes `context` to the
- * clipboard and flips `copied` for a short confirmation window. The context
- * builder runs on click, not render, so heavyweight formatting stays out of
- * the component tree.
- */
-export const useCopyContext = (
-  context: CopyContextSource,
-  options: { copiedMs?: number } = {},
-) => {
-  const { copiedMs = 1400 } = options
-  const [copied, setCopied] = useState(false)
-  const timer = useRef<number | undefined>(undefined)
-
-  useEffect(() => () => window.clearTimeout(timer.current), [])
-
-  const copy = useCallback(async () => {
-    const text = typeof context === "function" ? await context() : context
-    const didCopy = await copyText(text)
-    window.clearTimeout(timer.current)
-    setCopied(didCopy)
-    if (didCopy) {
-      timer.current = window.setTimeout(() => setCopied(false), copiedMs)
-    }
-    return didCopy
-  }, [context, copiedMs])
-
-  return { copied, copy }
-}
-
-/**
- * Ready-made icon button for copying an item's context (tasks rows, mail
- * detail headers, …): Copy icon, swaps to a green check on success. Callers
- * pass the item's context — or a builder that resolves it on click.
- */
-export type CopyContextButtonProps = {
-  context: CopyContextSource
-  className?: string
-  /** Accessible name and tooltip; defaults to "Copy context". */
-  label?: string
-  variant?: ComponentProps<typeof Button>["variant"]
-  size?: ComponentProps<typeof Button>["size"]
-  /** Toast confirmation after the copy attempt (default: true). */
-  notify?: boolean
-  onCopied?: () => void
-  onFailed?: () => void
-}
-
-export function CopyContextButton({
-  className,
-  context,
-  label = "Copy context",
-  notify = true,
-  onCopied,
-  onFailed,
-  size = "icon-xs",
-  variant = "ghost",
-}: CopyContextButtonProps) {
-  const { copied, copy } = useCopyContext(context)
-
-  return (
-    <Button
-      type="button"
-      variant={variant}
-      size={size}
-      className={className}
-      aria-label={label}
-      title={label}
-      onClick={() => {
-        void copy().then((didCopy) => {
-          if (didCopy) {
-            if (notify) toast.success("Copied")
-            onCopied?.()
-          } else {
-            if (notify) toast.error("Could not copy")
-            onFailed?.()
-          }
-        })
-      }}
-    >
-      {copied ? (
-        <Check className="size-3.5 text-emerald-600" />
-      ) : (
-        <Copy className="size-3.5" />
-      )}
-    </Button>
-  )
-}

package/kernel/packages/ui/src/components/dialog.tsx

@@ -1,157 +0,0 @@
-"use client"
-
-import * as React from "react"
-import { XIcon } from "lucide-react"
-import { Dialog as DialogPrimitive } from "radix-ui"
-
-import { cn } from "@raggle-ai/ui/lib/utils"
-
-function Dialog({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Root>) {
-  return <DialogPrimitive.Root data-slot="dialog" {...props} />
-}
-
-function DialogTrigger({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
-  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />
-}
-
-function DialogPortal({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Portal>) {
-  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />
-}
-
-function DialogClose({
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Close>) {
-  return <DialogPrimitive.Close data-slot="dialog-close" {...props} />
-}
-
-function DialogOverlay({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
-  return (
-    <DialogPrimitive.Overlay
-      data-slot="dialog-overlay"
-      className={cn(
-        `data-[state=open]:animate-in data-[state=closed]:animate-out
-        data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0
-        z-50 bg-black/50`,
-        className,
-      )}
-      {...props}
-    />
-  )
-}
-
-function DialogContent({
-  className,
-  children,
-  showCloseButton = true,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Content> & {
-  showCloseButton?: boolean
-}) {
-  return (
-    <DialogPortal data-slot="dialog-portal">
-      <DialogOverlay />
-      <DialogPrimitive.Content
-        data-slot="dialog-content"
-        className={cn(
-          `bg-background data-[state=open]:animate-in
-          data-[state=closed]:animate-out data-[state=closed]:fade-out-0
-          data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95
-          data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid
-          w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%]
-          gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none
-          sm:max-w-lg`,
-          className,
-        )}
-        {...props}
-      >
-        {children}
-        {showCloseButton && (
-          <DialogPrimitive.Close
-            data-slot="dialog-close"
-            className="ring-offset-background focus:ring-ring
-              data-[state=open]:bg-accent
-              data-[state=open]:text-muted-foreground absolute top-4 right-4
-              rounded-xs opacity-70 transition-opacity hover:opacity-100
-              focus:ring-2 focus:ring-offset-2 focus:outline-hidden
-              disabled:pointer-events-none [&_svg]:pointer-events-none
-              [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
-          >
-            <XIcon />
-            <span className="sr-only">Close</span>
-          </DialogPrimitive.Close>
-        )}
-      </DialogPrimitive.Content>
-    </DialogPortal>
-  )
-}
-
-function DialogHeader({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="dialog-header"
-      className={cn("flex flex-col gap-2 text-center sm:text-left", className)}
-      {...props}
-    />
-  )
-}
-
-function DialogFooter({ className, ...props }: React.ComponentProps<"div">) {
-  return (
-    <div
-      data-slot="dialog-footer"
-      className={cn(
-        "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-        className,
-      )}
-      {...props}
-    />
-  )
-}
-
-function DialogTitle({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Title>) {
-  return (
-    <DialogPrimitive.Title
-      data-slot="dialog-title"
-      className={cn("text-lg leading-none font-semibold", className)}
-      {...props}
-    />
-  )
-}
-
-function DialogDescription({
-  className,
-  ...props
-}: React.ComponentProps<typeof DialogPrimitive.Description>) {
-  return (
-    <DialogPrimitive.Description
-      data-slot="dialog-description"
-      className={cn("text-muted-foreground text-sm", className)}
-      {...props}
-    />
-  )
-}
-
-export {
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogOverlay,
-  DialogPortal,
-  DialogTitle,
-  DialogTrigger,
-}