@taskmark/ui 0.1.0 → 0.2.0

package/dist/standalone/dist/standalone/dist/standalone/dist/standalone/components/board/app-bar.tsx

@@ -1,99 +0,0 @@
-"use client"
-
-import { selectActiveProject, openAddProject } from "@/app/setup/actions"
-import { BrandLogo } from "@/components/brand-logo"
-import { Button } from "@/components/ui/button"
-import { projectOptionLabel } from "@/lib/taskmark/project-label"
-import type { DiscoveredProject } from "@/lib/taskmark/types"
-
-type AppBarProps = {
-  projects: DiscoveredProject[]
-  activeProjectId: string
-  masterCount: number
-  /** When true, workspace is env/cwd-bound — hide multi-master add. */
-  autoconfig?: boolean
-}
-
-export function AppBar({
-  projects,
-  activeProjectId,
-  masterCount,
-  autoconfig = false,
-}: AppBarProps) {
-  return (
-    <header className="sticky top-0 z-40 border-b-2 border-border bg-card/95 shadow-sm backdrop-blur">
-      <div className="mx-auto flex w-full max-w-5xl flex-wrap items-center gap-3 px-4 pt-3.5 pb-4">
-        <div className="group flex min-w-0 flex-1 items-center gap-3 transition-[gap] duration-200 group-hover:gap-4">
-          <BrandLogo
-            alt=""
-            width={40}
-            height={45}
-            className="mb-0.5 h-10 w-auto shrink-0 origin-center select-none object-contain transition-transform duration-200 group-hover:scale-110"
-          />
-          <div className="flex min-w-0 flex-col gap-0.5">
-            <p className="w-fit cursor-default font-head text-2xl leading-none tracking-tight">
-              <span className="relative inline-block transition-transform duration-200 group-hover:-rotate-2">
-                Taskmark
-                <svg
-                  aria-hidden
-                  viewBox="0 0 120 10"
-                  preserveAspectRatio="none"
-                  className="pointer-events-none absolute -bottom-1.5 -left-1 h-2.5 w-[calc(100%+1rem)] origin-left text-primary opacity-0 transition-opacity duration-200 group-hover:opacity-100"
-                >
-                  {/* Linear hand stroke: thin at start, thicker at end */}
-                  <path
-                    fill="currentColor"
-                    d="M1 5.2 L119 3.2 L119 8.8 L1 5.9 Z"
-                  />
-                </svg>
-              </span>
-            </p>
-            <p className="truncate text-xs text-muted-foreground transition-transform duration-200 group-hover:translate-y-1">
-              {projects.length} project{projects.length === 1 ? "" : "s"}
-              {masterCount > 0
-                ? ` · ${masterCount} workspace${masterCount === 1 ? "" : "s"}`
-                : ""}
-            </p>
-          </div>
-        </div>
-
-        <form
-          action={selectActiveProject}
-          className="flex min-w-0 flex-wrap items-center gap-2"
-        >
-          <label htmlFor="projectId" className="sr-only">
-            Active project
-          </label>
-          <select
-            id="projectId"
-            name="projectId"
-            defaultValue={activeProjectId}
-            onChange={(e) => {
-              e.currentTarget.form?.requestSubmit()
-            }}
-            className="max-w-[20rem] rounded border-2 border-border bg-input px-3 py-1.5 text-sm shadow-sm outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
-          >
-            {projects.map((project) => (
-              <option key={project.id} value={project.id}>
-                {projectOptionLabel(project, projects)}
-              </option>
-            ))}
-          </select>
-          <noscript>
-            <Button type="submit" size="sm" variant="outline">
-              Switch project
-            </Button>
-          </noscript>
-        </form>
-
-        {!autoconfig ? (
-          <form action={openAddProject}>
-            <Button type="submit" variant="outline" size="sm">
-              Add project
-            </Button>
-          </form>
-        ) : null}
-      </div>
-    </header>
-  )
-}

package/dist/standalone/dist/standalone/dist/standalone/dist/standalone/components/board/attribution-avatars.tsx

@@ -1,176 +0,0 @@
-"use client"
-
-import type { ReactNode } from "react"
-import {
-  Avatar,
-  AvatarFallback,
-  AvatarGroup,
-} from "@/components/ui/avatar"
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip"
-import { cn } from "@/lib/utils"
-import type {
-  AttributionAvatar,
-  AttributionRole,
-  ContributorIdentity,
-} from "@/lib/taskmark/identity"
-import {
-  buildAttributionAvatars,
-  identityBackgroundColor,
-} from "@/lib/taskmark/identity"
-
-function ContributorAvatar({
-  identity,
-  label,
-  className,
-  size = "sm",
-}: {
-  identity: ContributorIdentity
-  label: string
-  className?: string
-  size?: "default" | "sm" | "lg"
-}) {
-  const backgroundColor = identityBackgroundColor(identity)
-  return (
-    <Tooltip>
-      <TooltipTrigger
-        render={<span className="inline-flex cursor-default" />}
-        aria-label={label}
-      >
-        <Avatar size={size} className={className}>
-          <AvatarFallback
-            className={cn(
-              "bg-transparent font-semibold tracking-wide text-white !text-[7px]"
-            )}
-            style={{ backgroundColor }}
-          >
-            {identity.initials || "?"}
-          </AvatarFallback>
-        </Avatar>
-      </TooltipTrigger>
-      <TooltipContent side="top">{label}</TooltipContent>
-    </Tooltip>
-  )
-}
-
-export function AttributionAvatarGroup({
-  reporters,
-  resolvers,
-  className,
-  empty = null,
-}: {
-  reporters: ContributorIdentity[]
-  resolvers: ContributorIdentity[]
-  className?: string
-  empty?: ReactNode
-}) {
-  const avatars = buildAttributionAvatars(reporters, resolvers)
-  if (avatars.length === 0) return <>{empty}</>
-
-  return (
-    <TooltipProvider delay={200}>
-      <AvatarGroup
-        className={cn("justify-start", className)}
-        role="group"
-        aria-label="Work item contributors"
-      >
-        {avatars.map((av: AttributionAvatar) => (
-          <ContributorAvatar
-            key={`${av.identity.email}|${av.identity.name}|${av.role}`}
-            identity={av.identity}
-            label={av.label}
-          />
-        ))}
-      </AvatarGroup>
-    </TooltipProvider>
-  )
-}
-
-/** Detail-sheet people: role heading above each person (avatar, name, email). */
-export function AttributionPeopleList({
-  reporters,
-  resolvers,
-  className,
-  empty = "—",
-}: {
-  reporters: ContributorIdentity[]
-  resolvers: ContributorIdentity[]
-  className?: string
-  empty?: ReactNode
-}) {
-  const people = buildAttributionAvatars(reporters, resolvers)
-  if (people.length === 0) return <>{empty}</>
-
-  const sections = (
-    [
-      {
-        role: "both" as const,
-        heading: "Created and developed by",
-        people: people.filter((p) => p.role === "both"),
-      },
-      {
-        role: "created" as const,
-        heading: "Created by",
-        people: people.filter((p) => p.role === "created"),
-      },
-      {
-        role: "resolved" as const,
-        heading: "Resolved by",
-        people: people.filter((p) => p.role === "resolved"),
-      },
-    ] satisfies {
-      role: AttributionRole
-      heading: string
-      people: AttributionAvatar[]
-    }[]
-  ).filter((s) => s.people.length > 0)
-
-  return (
-    <TooltipProvider delay={200}>
-      <div
-        className={cn("flex flex-col gap-3", className)}
-        aria-label="Work item contributors"
-      >
-        {sections.map((section) => (
-          <div key={section.role} className="flex flex-col gap-1.5">
-            <p className="text-xs font-medium text-muted-foreground">
-              {section.heading}
-            </p>
-            <ul className="flex flex-col gap-2">
-              {section.people.map((person) => {
-                const name = person.identity.name || "Unknown"
-                const email = person.identity.email
-                return (
-                  <li
-                    key={`${person.identity.email}|${person.identity.name}|${person.role}`}
-                    className="flex min-w-0 items-center gap-2.5"
-                  >
-                    <ContributorAvatar
-                      identity={person.identity}
-                      label={person.label}
-                      size="default"
-                    />
-                    <div className="min-w-0 flex-1">
-                      <p className="truncate text-sm font-medium leading-tight">
-                        {name}
-                      </p>
-                      {email ? (
-                        <p className="truncate font-mono text-xs font-normal text-muted-foreground">
-                          {email}
-                        </p>
-                      ) : null}
-                    </div>
-                  </li>
-                )
-              })}
-            </ul>
-          </div>
-        ))}
-      </div>
-    </TooltipProvider>
-  )
-}

package/dist/standalone/dist/standalone/dist/standalone/dist/standalone/components/board/child-progress-bar.tsx

@@ -1,40 +0,0 @@
-"use client"
-
-import {
-  Progress,
-  ProgressLabel,
-  ProgressValue,
-} from "@/components/ui/progress"
-import { cn } from "@/lib/utils"
-
-type ChildProgressBarProps = {
-  done: number
-  total: number
-  className?: string
-}
-
-export function ChildProgressBar({
-  done,
-  total,
-  className,
-}: ChildProgressBarProps) {
-  const safeDone = Math.max(0, Math.min(done, total))
-  const pct = total > 0 ? Math.round((safeDone / total) * 100) : 0
-
-  return (
-    <Progress
-      value={pct}
-      className={cn("w-full min-w-[8rem] max-w-[12rem]", className)}
-      title={
-        total === 0
-          ? "No child work items"
-          : `${safeDone} of ${total} done (${pct}%)`
-      }
-    >
-      <ProgressLabel className="text-xs">
-        {total === 0 ? "No items" : `${safeDone}/${total} done`}
-      </ProgressLabel>
-      <ProgressValue className="text-xs" />
-    </Progress>
-  )
-}

package/dist/standalone/dist/standalone/dist/standalone/dist/standalone/components/board/date-tooltip.tsx

@@ -1,93 +0,0 @@
-"use client"
-
-import type { ReactNode } from "react"
-import { StatusBadge } from "@/components/board/status-badge"
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from "@/components/ui/tooltip"
-import { formatTaskmarkDate } from "@/lib/format-date"
-
-type DateTooltipProps = {
-  label: string
-  date: string | null | undefined
-  children: ReactNode
-  className?: string
-}
-
-/** Tooltip showing "Label <formatted date>" (or "Label —" when missing). */
-export function DateTooltip({
-  label,
-  date,
-  children,
-  className,
-}: DateTooltipProps) {
-  const text = `${label} ${formatTaskmarkDate(date)}`
-  return (
-    <TooltipProvider>
-      <Tooltip>
-        <TooltipTrigger render={<span className={className} />} title={text}>
-          {children}
-        </TooltipTrigger>
-        <TooltipContent>{text}</TooltipContent>
-      </Tooltip>
-    </TooltipProvider>
-  )
-}
-
-/** Item ID with creation-date tooltip. */
-export function IdCreatedTooltip({
-  id,
-  created,
-  children,
-}: {
-  id: string
-  created: string | null | undefined
-  children?: ReactNode
-}) {
-  return (
-    <DateTooltip label="Created" date={created} className="font-mono text-xs">
-      {children ?? id}
-    </DateTooltip>
-  )
-}
-
-/** Status badge; when done, wraps with solved-date tooltip. */
-export function StatusWithSolvedTooltip({
-  status,
-  solvedAt,
-}: {
-  status: string
-  solvedAt?: string | null
-}) {
-  const badge = <StatusBadge status={status} />
-  if (status !== "done") return badge
-  return <DateTooltip label="Solved" date={solvedAt}>{badge}</DateTooltip>
-}
-
-/** Size cell with points on hover. */
-export function SizeWithPointsTooltip({
-  size,
-  points,
-}: {
-  size: string | null | undefined
-  points: number | null | undefined
-}) {
-  const label = size?.trim() ? size : "—"
-  const pointsText =
-    points === null || points === undefined ? "—" : String(points)
-  const text = `Points ${pointsText}`
-  return (
-    <TooltipProvider>
-      <Tooltip>
-        <TooltipTrigger render={<span className="cursor-default" />} title={text}>
-          {label}
-        </TooltipTrigger>
-        <TooltipContent>{text}</TooltipContent>
-      </Tooltip>
-    </TooltipProvider>
-  )
-}
-

package/dist/standalone/dist/standalone/dist/standalone/dist/standalone/components/board/detail-children-list.tsx

@@ -1,70 +0,0 @@
-"use client"
-
-import type { DetailChildItem } from "@/lib/taskmark/detail-types"
-import {
-  PriorityBadge,
-  StatusBadge,
-  TypeBadge,
-} from "@/components/board/status-badge"
-import { useWorkItemSheet } from "@/components/board/work-item-sheet"
-import { Button } from "@/components/ui/button"
-import { cn } from "@/lib/utils"
-
-type DetailChildrenListProps = {
-  childrenItems: DetailChildItem[]
-  emptyLabel: string
-}
-
-export function DetailChildrenList({
-  childrenItems,
-  emptyLabel,
-}: DetailChildrenListProps) {
-  const { openDetail } = useWorkItemSheet()
-
-  if (childrenItems.length === 0) {
-    return <p className="text-sm text-muted-foreground">{emptyLabel}</p>
-  }
-
-  return (
-    <ul className="flex w-full flex-col gap-2">
-      {childrenItems.map((child) => {
-        const kind = child.type === "story" ? "story" : "item"
-        return (
-          <li key={`${child.type}:${child.id}:${child.filePath}`} className="w-full">
-            <Button
-              type="button"
-              variant="outline"
-              className={cn(
-                "h-auto w-full flex-col items-stretch gap-1.5 px-3 py-2.5 text-left font-normal whitespace-normal"
-              )}
-              onClick={() =>
-                openDetail({
-                  kind,
-                  id: child.id,
-                  title: child.title,
-                  filePath: child.filePath,
-                  itemType:
-                    child.type === "task" || child.type === "bug"
-                      ? child.type
-                      : undefined,
-                })
-              }
-            >
-              <span className="w-full text-sm font-medium leading-snug">
-                {child.title}
-              </span>
-              <span className="flex w-full flex-wrap items-center gap-1.5">
-                <span className="font-mono text-xs text-muted-foreground">
-                  {child.id}
-                </span>
-                <TypeBadge type={child.type} />
-                <StatusBadge status={child.status} />
-                <PriorityBadge priority={child.priority} />
-              </span>
-            </Button>
-          </li>
-        )
-      })}
-    </ul>
-  )
-}