@taskmark/ui 0.1.0 → 0.2.0

package/dist/standalone/dist/standalone/dist/standalone/components/board/work-items-list.tsx

@@ -1,372 +0,0 @@
-"use client"
-
-import { useMemo, useState } from "react"
-
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableHead,
-  TableHeader,
-  TableRow,
-} from "@/components/ui/table"
-import {
-  Card,
-  CardAction,
-  CardContent,
-  CardDescription,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card"
-import { ParentTagBadge } from "@/components/board/parent-tag-badge"
-import { ChildProgressBar } from "@/components/board/child-progress-bar"
-import {
-  PriorityBadge,
-  TypeBadge,
-} from "@/components/board/status-badge"
-import {
-  IdCreatedTooltip,
-  SizeWithPointsTooltip,
-  StatusWithSolvedTooltip,
-} from "@/components/board/date-tooltip"
-import { ListFiltersBar } from "@/components/board/list-filters-bar"
-import { ListPagination } from "@/components/board/list-pagination"
-import { SortableTableHead } from "@/components/board/sortable-table-head"
-import { TimeframeFilter } from "@/components/board/timeframe-filter"
-import { ViewWorkItemButton } from "@/components/board/work-item-sheet"
-import { AttributionAvatarGroup } from "@/components/board/attribution-avatars"
-import { usePaginatedRows } from "@/hooks/use-paginated-rows"
-import { usePersistedHideCompleted } from "@/hooks/use-persisted-hide-completed"
-import { useTableSort } from "@/hooks/use-table-sort"
-import type { WorkItemsViewList } from "@/lib/taskmark/flat-work-item-types"
-import {
-  buildParentFilterOptions,
-  collectUniqueTags,
-  DEFAULT_TIMEFRAME_FILTER,
-  filterListRows,
-  isTimeframeActive,
-  listFilterResetKey,
-  type TimeframeFilterState,
-} from "@/lib/taskmark/list-filters"
-import type { SolvedCompletionSample } from "@/lib/taskmark/timeframe-filters"
-import {
-  sortRowsByTableSort,
-  tableSortResetKey,
-} from "@/lib/taskmark/table-sort"
-
-type WorkItemsListProps = {
-  list: WorkItemsViewList
-  countableCompletions?: readonly SolvedCompletionSample[]
-  initialHideCompleted?: boolean
-}
-
-export function WorkItemsList({
-  list,
-  countableCompletions,
-  initialHideCompleted = false,
-}: WorkItemsListProps) {
-  const { project, rows, errors } = list
-  const [query, setQuery] = useState("")
-  const [hideCompleted, setHideCompleted] = usePersistedHideCompleted(
-    "workItems",
-    initialHideCompleted
-  )
-  const [parentKeys, setParentKeys] = useState<string[]>([])
-  const [selectedTags, setSelectedTags] = useState<string[]>([])
-  const [timeframe, setTimeframe] = useState<TimeframeFilterState>(
-    DEFAULT_TIMEFRAME_FILTER
-  )
-  const { sort, onSort } = useTableSort()
-
-  const parentOptions = useMemo(() => buildParentFilterOptions(rows), [rows])
-  const tagOptions = useMemo(() => collectUniqueTags(rows), [rows])
-  const completedAts = useMemo(
-    () => rows.map((row) => row.completedAt),
-    [rows]
-  )
-  const pointSamples = useMemo(
-    () =>
-      countableCompletions ??
-      rows.map((row) => ({
-        completedAt: row.completedAt,
-        points: row.points,
-      })),
-    [countableCompletions, rows]
-  )
-  const filtered = useMemo(
-    () =>
-      filterListRows(rows, {
-        query,
-        hideCompleted,
-        parentKeys,
-        selectedTags,
-        timeframe,
-      }),
-    [rows, query, hideCompleted, parentKeys, selectedTags, timeframe]
-  )
-
-  const sorted = useMemo(
-    () => sortRowsByTableSort(filtered, sort),
-    [filtered, sort]
-  )
-
-  const {
-    pageRows,
-    page,
-    pageSize,
-    totalCount,
-    totalPages,
-    setPage,
-    setPageSize,
-  } = usePaginatedRows(
-    sorted,
-    [
-      listFilterResetKey(project.id, {
-        query,
-        hideCompleted,
-        parentKeys,
-        selectedTags,
-        timeframe,
-      }),
-      tableSortResetKey(sort),
-    ].join("|")
-  )
-
-  const hasSourceRows = rows.length > 0
-  const filtersActive =
-    Boolean(query.trim()) ||
-    hideCompleted ||
-    parentKeys.length > 0 ||
-    selectedTags.length > 0 ||
-    isTimeframeActive(timeframe)
-
-  return (
-    <Card>
-      <CardHeader>
-        <CardTitle className="font-head text-xl">Work items</CardTitle>
-        <CardDescription>
-          <span className="font-medium text-foreground">{project.name}</span>
-          <span className="mt-1 block text-xs text-muted-foreground">
-            Stories and epic-direct tasks/bugs · open by status/priority/created;
-            done by newest solved date
-          </span>
-          <span className="mt-1 block font-mono text-xs">{project.boardPath}</span>
-        </CardDescription>
-        {hasSourceRows ? (
-          <CardAction>
-            <TimeframeFilter
-              id={`workitems-timeframe-${project.id}`}
-              value={timeframe}
-              onChange={setTimeframe}
-              completedAts={completedAts}
-              countableCompletions={pointSamples}
-            />
-          </CardAction>
-        ) : null}
-      </CardHeader>
-      <CardContent className="flex flex-col gap-4">
-        {errors.length > 0 ? (
-          <div
-            role="status"
-            className="rounded border-2 border-destructive/40 bg-destructive/10 px-3 py-2 text-sm"
-          >
-            <p className="font-medium text-destructive">
-              {errors.length} issue{errors.length === 1 ? "" : "s"} loading work
-              items
-            </p>
-            <ul className="mt-2 flex flex-col gap-1 font-mono text-xs text-muted-foreground">
-              {errors.map((err) => (
-                <li key={`${err.filePath}:${err.message}`}>
-                  {err.filePath}: {err.message}
-                </li>
-              ))}
-            </ul>
-          </div>
-        ) : null}
-
-        {!hasSourceRows ? (
-          <p className="text-sm text-muted-foreground">
-            No stories or epic-direct tasks on this board yet.
-          </p>
-        ) : (
-          <>
-            <ListFiltersBar
-              searchId={`workitems-search-${project.id}`}
-              query={query}
-              onQueryChange={setQuery}
-              hideCompleted={hideCompleted}
-              onHideCompletedChange={setHideCompleted}
-              parentOptions={parentOptions}
-              parentKeys={parentKeys}
-              onParentKeysChange={setParentKeys}
-              tagOptions={tagOptions}
-              selectedTags={selectedTags}
-              onSelectedTagsChange={setSelectedTags}
-            />
-            {filtered.length === 0 ? (
-              <p className="text-sm text-muted-foreground">
-                {filtersActive
-                  ? "No work items match the current search or filters."
-                  : "No stories or epic-direct tasks on this board yet."}
-              </p>
-            ) : (
-              <>
-                <Table>
-                  <TableHeader>
-                    <TableRow>
-                      <TableHead className="w-10" />
-                      <SortableTableHead
-                        label="ID"
-                        sortKey="id"
-                        activeKey={sort?.key ?? null}
-                        direction={sort?.direction ?? null}
-                        onSort={onSort}
-                      />
-                      <SortableTableHead
-                        label="Type"
-                        sortKey="type"
-                        activeKey={sort?.key ?? null}
-                        direction={sort?.direction ?? null}
-                        onSort={onSort}
-                      />
-                      <SortableTableHead
-                        label="Title"
-                        sortKey="title"
-                        activeKey={sort?.key ?? null}
-                        direction={sort?.direction ?? null}
-                        onSort={onSort}
-                      />
-                      <SortableTableHead
-                        label="Epic"
-                        sortKey="epic"
-                        activeKey={sort?.key ?? null}
-                        direction={sort?.direction ?? null}
-                        onSort={onSort}
-                      />
-                      <SortableTableHead
-                        label="Size"
-                        sortKey="size"
-                        activeKey={sort?.key ?? null}
-                        direction={sort?.direction ?? null}
-                        onSort={onSort}
-                      />
-                      <SortableTableHead
-                        label="People"
-                        sortKey="people"
-                        activeKey={sort?.key ?? null}
-                        direction={sort?.direction ?? null}
-                        onSort={onSort}
-                        className="w-16 text-center"
-                      />
-                      <SortableTableHead
-                        label="Priority"
-                        sortKey="priority"
-                        activeKey={sort?.key ?? null}
-                        direction={sort?.direction ?? null}
-                        onSort={onSort}
-                        align="center"
-                      />
-                      <SortableTableHead
-                        label="Status"
-                        sortKey="status"
-                        activeKey={sort?.key ?? null}
-                        direction={sort?.direction ?? null}
-                        onSort={onSort}
-                        align="center"
-                      />
-                    </TableRow>
-                  </TableHeader>
-                  <TableBody>
-                    {pageRows.map((row) => {
-                      const sheetKind = row.kind === "story" ? "story" : "item"
-                      return (
-                        <TableRow
-                          key={`${project.id}:${row.kind}:${row.id}:${row.filePath}`}
-                        >
-                          <TableCell className="w-10 pr-0">
-                            <ViewWorkItemButton
-                              itemRef={{
-                                kind: sheetKind,
-                                id: row.id,
-                                title: row.title,
-                                filePath: row.filePath,
-                                itemType:
-                                  row.kind === "task" || row.kind === "bug"
-                                    ? row.kind
-                                    : undefined,
-                              }}
-                            />
-                          </TableCell>
-                          <TableCell>
-                            <IdCreatedTooltip
-                              id={row.id}
-                              created={row.created}
-                            />
-                          </TableCell>
-                          <TableCell>
-                            <TypeBadge type={row.kind} />
-                          </TableCell>
-                          <TableCell className="max-w-[16rem] whitespace-normal font-medium">
-                            {row.title}
-                          </TableCell>
-                          <TableCell>
-                            <ParentTagBadge
-                              id={row.epicId}
-                              title={row.epicTitle}
-                            />
-                          </TableCell>
-                          <TableCell>
-                            <SizeWithPointsTooltip
-                              size={row.size}
-                              points={row.points}
-                            />
-                          </TableCell>
-                          <TableCell className="text-center">
-                            <div className="flex justify-center">
-                              <AttributionAvatarGroup
-                                reporters={row.reporters}
-                                resolvers={row.resolvers}
-                              />
-                            </div>
-                          </TableCell>
-                          <TableCell className="text-center">
-                            <div className="inline-flex w-full justify-center">
-                              <PriorityBadge priority={row.priority} />
-                            </div>
-                          </TableCell>
-                          <TableCell className="text-center">
-                            <div className="inline-flex w-full justify-center">
-                              {row.kind === "story" && row.workItemCount > 0 ? (
-                                <ChildProgressBar
-                                  done={row.doneWorkItemCount}
-                                  total={row.workItemCount}
-                                />
-                              ) : (
-                                <StatusWithSolvedTooltip
-                                  status={row.status}
-                                  solvedAt={row.completedAt}
-                                />
-                              )}
-                            </div>
-                          </TableCell>
-                        </TableRow>
-                      )
-                    })}
-                  </TableBody>
-                </Table>
-                <ListPagination
-                  page={page}
-                  totalPages={totalPages}
-                  totalCount={totalCount}
-                  pageSize={pageSize}
-                  onPageChange={setPage}
-                  onPageSizeChange={setPageSize}
-                />
-              </>
-            )}
-          </>
-        )}
-      </CardContent>
-    </Card>
-  )
-}

package/dist/standalone/dist/standalone/dist/standalone/components/brand-logo.tsx

@@ -1,39 +0,0 @@
-import { cn } from "@/lib/utils"
-
-type BrandLogoProps = {
-  className?: string
-  /** Accessible name; empty string when adjacent text already names the brand. */
-  alt?: string
-  width?: number
-  height?: number
-}
-
-/**
- * Taskmark mark: `tm_light` on light surfaces, `tm_dark` when `.dark`.
- */
-export function BrandLogo({
-  className,
-  alt = "Taskmark",
-  width = 40,
-  height = 45,
-}: BrandLogoProps) {
-  return (
-    <>
-      <img
-        src="/tm_light.png"
-        alt={alt}
-        width={width}
-        height={height}
-        className={cn("dark:hidden", className)}
-      />
-      <img
-        src="/tm_dark.png"
-        alt=""
-        aria-hidden
-        width={width}
-        height={height}
-        className={cn("hidden dark:block", className)}
-      />
-    </>
-  )
-}

package/dist/standalone/dist/standalone/dist/standalone/components/setup/setup-wizard.tsx

@@ -1,180 +0,0 @@
-"use client"
-
-import { useActionState, useEffect, useState, useTransition } from "react"
-
-import { Button } from "@/components/ui/button"
-import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-} from "@/components/ui/card"
-import {
-  pickMasterFolder,
-  previewMasterFolder,
-  saveMasterFolder,
-  type PreviewMasterFolderState,
-  type SaveMasterFolderState,
-} from "@/app/setup/actions"
-
-const initialPreview: PreviewMasterFolderState = {}
-const initialSave: SaveMasterFolderState = {}
-
-type SetupWizardProps = {
-  initialPath?: string
-  adding?: boolean
-  hasExistingProjects?: boolean
-}
-
-export function SetupWizard({
-  initialPath = "",
-  adding = false,
-  hasExistingProjects = false,
-}: SetupWizardProps) {
-  const [path, setPath] = useState(initialPath)
-  const [pickerError, setPickerError] = useState<string | null>(null)
-  const [picking, startPick] = useTransition()
-  const [preview, previewAction, previewPending] = useActionState(
-    previewMasterFolder,
-    initialPreview
-  )
-  const [saveState, saveAction, savePending] = useActionState(
-    saveMasterFolder,
-    initialSave
-  )
-
-  useEffect(() => {
-    if (preview.masterPath) {
-      setPath(preview.masterPath)
-    }
-  }, [preview.masterPath])
-
-  function handleBrowse() {
-    setPickerError(null)
-    startPick(async () => {
-      const result = await pickMasterFolder()
-      if (result.error) {
-        setPickerError(result.error)
-        return
-      }
-      if (result.path) {
-        setPath(result.path)
-      }
-    })
-  }
-
-  const error = saveState.error ?? preview.error ?? pickerError ?? undefined
-  const projects = preview.projects
-  const canContinue = path.trim().length > 0
-  const busy = previewPending || savePending || picking
-
-  return (
-    <Card className="w-full max-w-xl border-2 shadow-lg">
-      <CardHeader>
-        <CardTitle className="font-head text-2xl tracking-tight">
-          {adding ? "Add a project workspace" : "Set up your workspace"}
-        </CardTitle>
-        <CardDescription className="text-base leading-relaxed">
-          {adding ? (
-            "Choose another master folder. Newly found boards are added to your project list; existing ones stay."
-          ) : (
-            <>
-              Choose a master folder. Taskmark will look inside its subfolders
-              for nested{" "}
-              <code className="font-mono text-sm">taskmark/</code> boards or
-              dedicated{" "}
-              <code className="font-mono text-sm">*-taskmark</code> project
-              folders.
-            </>
-          )}
-        </CardDescription>
-      </CardHeader>
-
-      <CardContent className="flex flex-col gap-4">
-        <form action={previewAction} className="flex flex-col gap-3">
-          <label htmlFor="masterPath" className="text-sm font-medium">
-            Master folder path
-          </label>
-          <div className="flex flex-col gap-2 sm:flex-row sm:items-stretch">
-            <input
-              id="masterPath"
-              name="masterPath"
-              value={path}
-              onChange={(e) => setPath(e.target.value)}
-              placeholder="/Users/you/Projects/my-workspace"
-              autoComplete="off"
-              spellCheck={false}
-              className="w-full min-w-0 flex-1 rounded border-2 border-border bg-input px-3 py-2 font-mono text-sm shadow-sm outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
-            />
-            <Button
-              type="button"
-              variant="secondary"
-              disabled={busy}
-              onClick={handleBrowse}
-              className="shrink-0 sm:self-stretch"
-            >
-              {picking ? "Opening…" : "Browse…"}
-            </Button>
-          </div>
-          <div className="flex flex-wrap gap-2">
-            <Button
-              type="submit"
-              variant="outline"
-              disabled={busy || !path.trim()}
-            >
-              {previewPending ? "Scanning…" : "Find projects"}
-            </Button>
-          </div>
-        </form>
-
-        {error ? (
-          <p
-            role="alert"
-            className="rounded border-2 border-destructive bg-destructive/10 px-3 py-2 text-sm text-destructive"
-          >
-            {error}
-          </p>
-        ) : null}
-
-        {projects && projects.length > 0 ? (
-          <div className="rounded border-2 border-border bg-muted/40 px-3 py-3">
-            <p className="mb-2 text-sm font-medium">
-              Found {projects.length} Taskmark project
-              {projects.length === 1 ? "" : "s"}
-              {hasExistingProjects ? " to add" : ""}
-            </p>
-            <ul className="flex flex-col gap-2">
-              {projects.map((project) => (
-                <li
-                  key={project.id}
-                  className="font-mono text-xs leading-relaxed text-muted-foreground"
-                >
-                  <span className="font-sans text-sm font-medium text-foreground">
-                    {project.name}
-                  </span>
-                  <br />
-                  {project.projectPath}
-                </li>
-              ))}
-            </ul>
-          </div>
-        ) : null}
-      </CardContent>
-
-      <CardFooter className="justify-end gap-2">
-        <form action={saveAction}>
-          <input type="hidden" name="masterPath" value={path} />
-          <Button type="submit" disabled={!canContinue || busy} size="lg">
-            {savePending
-              ? "Saving…"
-              : adding
-                ? "Add to project list"
-                : "Continue"}
-          </Button>
-        </form>
-      </CardFooter>
-    </Card>
-  )
-}