kennel 0.2.2 → 0.2.5

package/kernel/plugins/mail/src/mail-card.tsx

@@ -1,123 +0,0 @@
-import type { ReactNode } from "react"
-import { Folder, Mail } from "lucide-react"
-
-import type { MailListItem } from "./viewer.tsx"
-
-function relativeTime(value: string | null) {
-  if (!value) return "—"
-  const parsed = Date.parse(value)
-  if (Number.isNaN(parsed)) return value
-  const delta = Date.now() - parsed
-  const minutes = Math.round(delta / 60_000)
-  if (minutes < 1) return "just now"
-  if (minutes < 60) return `${minutes}m ago`
-  const hours = Math.round(minutes / 60)
-  if (hours < 48) return `${hours}h ago`
-  const days = Math.round(hours / 24)
-  return `${days}d ago`
-}
-
-export function MailCard({
-  actions,
-  folderLabel,
-  href,
-  item,
-}: {
-  actions?: (item: MailListItem) => ReactNode
-  folderLabel?: string | null
-  href: string
-  item: MailListItem
-}) {
-  const recipientGroup = item.to.length
-    ? { label: "To", items: item.to }
-    : item.cc.length
-      ? { label: "CC", items: item.cc }
-      : item.bcc.length
-        ? { label: "BCC", items: item.bcc }
-        : null
-
-  const recipient = item.to[0] ?? ""
-  const address = /<([^<>]+)>/.exec(recipient)?.[1] ?? recipient
-  const domain = /^[^\s@<>]+@([a-z0-9.-]+\.[a-z]{2,})$/i
-    .exec(address.trim())?.[1]
-    ?.toLowerCase()
-
-  return (
-    <li className="relative min-w-0">
-      <a
-        className="grid grid-cols-[2rem_minmax(0,1fr)] items-start gap-3
-          rounded-xl border border-[#e7ebe7] bg-white px-3.5 py-2.5 pr-10
-          text-[#2f382f] no-underline shadow-[0_1px_2px_rgb(31_41_55/0.05)]
-          hover:bg-[#fafbfa] focus-visible:outline-2
-          focus-visible:outline-offset-1 focus-visible:outline-[#56725e]"
-        href={href}
-      >
-        <span
-          aria-hidden="true"
-          className="relative flex size-8 items-center justify-center rounded-md
-            bg-[#f3f5f2] text-[#6c7a6d]"
-        >
-          <Mail className="size-4" />
-          {domain ? (
-            <img
-              key={domain}
-              alt=""
-              className="absolute size-6 rounded-sm bg-[#f3f5f2] object-contain"
-              height={24}
-              loading="lazy"
-              onError={(event) => {
-                event.currentTarget.style.display = "none"
-              }}
-              referrerPolicy="no-referrer"
-              src={`https://www.google.com/s2/favicons?domain=${encodeURIComponent(domain)}&sz=32`}
-              width={24}
-            />
-          ) : null}
-        </span>
-        <div className="grid min-w-0 gap-1">
-          <span className="line-clamp-2 min-w-0 font-semibold break-words">
-            {item.subject ?? "(no subject)"}
-          </span>
-
-          <div className="flex items-start gap-2">
-            <span
-              className="shrink-0 text-[0.75rem] whitespace-nowrap
-                text-[#6c7a6d]"
-            >
-              {relativeTime(item.updatedAt ?? item.createdAt)}
-            </span>
-            {recipientGroup ? (
-              <span className="min-w-0 truncate text-[0.82rem] text-[#4a554b]">
-                {recipientGroup.label}: {recipientGroup.items[0]}
-                {recipientGroup.items.length > 1
-                  ? ` +${recipientGroup.items.length - 1}`
-                  : ""}
-              </span>
-            ) : (
-              <span className="text-[0.82rem] text-[#6c7a6d]">
-                No recipients
-              </span>
-            )}
-          </div>
-          {folderLabel ? (
-            <span
-              className="flex min-w-0 items-center gap-1 text-xs text-[#6c7a6d]"
-              title={item.folder ?? undefined}
-            >
-              <Folder aria-hidden="true" className="size-3 shrink-0" />
-              <span className="truncate">{folderLabel}</span>
-            </span>
-          ) : null}
-          {item.excerpt ? (
-            <p className="m-0 min-w-0 truncate text-[0.82rem] text-[#6c7a6d]">
-              {item.excerpt}
-            </p>
-          ) : null}
-        </div>
-      </a>
-      {actions ? (
-        <div className="absolute top-2 right-2">{actions(item)}</div>
-      ) : null}
-    </li>
-  )
-}

package/kernel/plugins/mail/src/mail-conversation.tsx

@@ -1,153 +0,0 @@
-import { RefreshCw } from "lucide-react"
-
-import { BarkdownMarkdown } from "@raggle-ai/markdown"
-
-import type { ConversationMessagePayload } from "./mail-hooks.js"
-import { conversationPanelState, useMailConversation } from "./mail-hooks.js"
-import { mailErrorText } from "./mail-request.js"
-
-function notice(message: string, onRetry: () => void) {
-  return (
-    <p className="m-0 flex flex-wrap items-center gap-2 text-sm text-[#6c7a6d]">
-      <span className="break-words">{message}</span>
-      <button
-        type="button"
-        className="inline-flex items-center gap-1.5 rounded-md border
-          border-[#dde1dc] bg-white px-2.5 py-1 text-[0.82rem] text-[#4a554b]
-          hover:bg-[#f3f5f2]"
-        onClick={onRetry}
-      >
-        <RefreshCw className="size-3.5" />
-        Retry
-      </button>
-    </p>
-  )
-}
-
-function ConversationMessages({
-  items,
-}: {
-  items: ConversationMessagePayload[]
-}) {
-  return (
-    <ol className="m-0 grid list-none gap-0 p-0">
-      {items.map((message, index) => (
-        <li
-          className={
-            index === 0 ? "px-4 py-4" : "border-t border-[#e7ebe7] px-4 py-4"
-          }
-          key={message.id}
-        >
-          <div className="mb-2 grid gap-1">
-            <p className="m-0 font-semibold break-words text-[#233025]">
-              {message.subject ?? "(no subject)"}
-            </p>
-            <p className="m-0 text-[0.82rem] text-[#6c7a6d]">
-              {message.from ?? "Unknown sender"}
-              {message.date ? ` · ${message.date}` : ""}
-            </p>
-          </div>
-          <div className="prose prose-neutral max-w-none">
-            <BarkdownMarkdown value={message.body} />
-          </div>
-        </li>
-      ))}
-    </ol>
-  )
-}
-
-/**
- * The previous-conversation panel. A disabled query is hidden rather than
- * stuck loading; partial/not-found/timeout outcomes surface inline errors
- * with a retry instead of silently masquerading as an empty conversation.
- */
-export function MailConversationPanel({
-  enabled,
-  folder,
-  mailId,
-}: {
-  enabled: boolean
-  folder: string | null | undefined
-  mailId: string | null | undefined
-}) {
-  const query = useMailConversation(folder, mailId, enabled)
-  const state = conversationPanelState({
-    data: query.data,
-    enabled,
-    error: query.error,
-    isPending: query.isPending,
-  })
-  const retry = () => void query.refetch()
-
-  if (state.variant === "hidden" || state.variant === "empty") return null
-  if (state.variant === "loading") {
-    return <p className="m-0 text-sm text-[#6c7a6d]">Loading conversation…</p>
-  }
-  if (state.variant === "error") {
-    return (
-      <p
-        className="m-0 flex flex-wrap items-center gap-2 text-sm text-[#9c3a3a]"
-      >
-        <span className="break-words">
-          Could not load the conversation. {mailErrorText(query.error)}
-        </span>
-        <RetryInline onRetry={retry} />
-      </p>
-    )
-  }
-
-  const items = query.data?.items ?? []
-
-  return (
-    <section
-      className="overflow-hidden rounded-xl border border-[#e7ebe7] bg-white
-        shadow-[0_1px_2px_rgb(31_41_55/0.05)]"
-    >
-      <header className="border-b border-[#e7ebe7] bg-[#fbfcfb] px-4 py-3">
-        <h2
-          className="m-0 text-[0.75rem] font-medium tracking-wide text-[#6c7a6d]
-            uppercase"
-        >
-          Previous conversation
-        </h2>
-      </header>
-
-      {items.length ? <ConversationMessages items={items} /> : null}
-
-      <footer className="border-t border-[#e7ebe7] bg-[#fbfcfb] px-4 py-3">
-        {state.variant === "partial"
-          ? notice(
-              `Some earlier messages could not be loaded (${state.missing}).`,
-              retry,
-            )
-          : null}
-        {state.variant === "not-found"
-          ? notice("Earlier messages could not be found.", retry)
-          : null}
-        {state.variant === "timeout"
-          ? notice("Loading earlier messages timed out.", retry)
-          : null}
-        {state.variant === "ok" && items.length ? (
-          <p className="m-0 text-[0.82rem] text-[#6c7a6d]">
-            Thread loaded from references.
-          </p>
-        ) : null}
-      </footer>
-    </section>
-  )
-}
-
-function RetryInline({ onRetry }: { onRetry: () => void }) {
-  return (
-    <button
-      type="button"
-      className="inline-flex items-center gap-1.5 rounded-md border
-        border-[#dde1dc] bg-white px-2.5 py-1 text-[0.82rem] text-[#4a554b]
-        hover:bg-[#f3f5f2]"
-      onClick={onRetry}
-    >
-      <RefreshCw className="size-3.5" />
-      Retry
-    </button>
-  )
-}