grok-digest 0.1.0 → 0.2.0

package/LICENSE-THIRD-PARTY

@@ -0,0 +1,24 @@
+src/styles/shadcn-tailwind.css (dist/styles/shadcn-tailwind.css in the npm package) is
+copied from shadcn (https://ui.shadcn.com) v4.21.5, dist/tailwind.css.
+
+MIT License
+
+Copyright (c) 2023 shadcn
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -61,7 +61,7 @@ The site needs no Astro config. The package depends on the Astro version it was
 import { SCHEMA_VERSION, bookmarkSchema, parseBookmarks, TOPICS } from "grok-digest/schema";
 ```
 
-`SCHEMA_VERSION` is `1`. The JSON files have no version field. A `bookmarks.json` that already validates is version 1, including files written before this package existed. `posted_at` with milliseconds and a `Z` offset, as the bot writes it, is version 1.
+`SCHEMA_VERSION` is `1`. The JSON files have no version field. A `bookmarks.json` that already validates is version 1. `posted_at` with milliseconds and a `Z` offset, as the bot writes it, is version 1.
 
 | File                  | Version 1 shape                                                        |
 | --------------------- | ---------------------------------------------------------------------- |
@@ -75,7 +75,7 @@ Every site takes every release, so every release reads every data file an earlie
 
 The page title is "Grok Digest". The footer reads "Unofficial. Summaries created with Grok." Every page sends `<meta name="robots" content="noindex,nofollow">` and `<meta name="referrer" content="no-referrer">`. `robots.txt` disallows all crawlers. Feeds live at `rss.xml` and `rss/<topic-id>.xml`. Card anchors are `#b-<id>`.
 
-Search and topic filters are `?q=` and `?topic=` on the page address. The behavior is documented in `template/README.md`.
+The page opens on Today, a daily review of up to five bookmarks, and has Inbox, Done, and All views. Search, topic, and view are `?q=`, `?topic=`, and `?view=` on the page address. The behavior is documented in `template/README.md`.
 
 ## Package exports
 
@@ -101,27 +101,21 @@ bun run format
 
 ## Publish
 
-Releases are published by `.github/workflows/release.yml` when a `v<version>` tag is pushed. It refuses a tag that does not match `package.json`, runs `bun run check`, then runs `npm publish --provenance`.
+Releases are cut from GitHub Actions. Open **Actions** > **Prepare Release** > **Run workflow** and choose:
 
-1. Set `version` in `package.json` and write the matching entry in `CHANGELOG.md`.
-2. Merge that commit to `main`.
-3. Tag the merge commit and push the tag:
+| Input     | Meaning                                                                        |
+| --------- | ------------------------------------------------------------------------------ |
+| `bump`    | `patch`, `minor`, or `major`, applied to the version in `package.json`.        |
+| `version` | Optional. An exact version such as `0.2.0`, without the `v`. Overrides `bump`. |
+| `dry_run` | Run every check on the new version and stop before changing Git.               |
 
-   ```sh
-   git tag v0.1.0
-   git push origin v0.1.0
-   ```
+`prepare-release.yml` refuses a version that is not newer, whose tag exists, or that is already on npm. It sets the new version, runs `bun run check`, commits `release: v<version>` to `main`, pushes the commit and the `v<version>` tag together, and starts `publish.yml` on that tag.
 
-The workflow logs in to npm with trusted publishing, so the repository holds no npm token. On npmjs.com, the package's **Settings** list `kenryu42/grok-digest` with workflow `release.yml` as a trusted publisher.
+`publish.yml` checks the tag again, packs the tarball, publishes that exact tarball to npm with provenance, and creates a GitHub release with generated notes and the tarball attached. Rerunning it for a tag that is already on npm skips the publish and finishes the release.
 
-npm offers trusted publishing only for a package that already exists, so version 0.1.0 was published from a maintainer's machine. Provenance needs CI, so that one publish turns it off:
+npm accepts the publish through trusted publishing, so the repository holds no npm token. On npmjs.com, the package's **Settings** list `kenryu42/grok-digest` with workflow `publish.yml` as a trusted publisher.
 
-```sh
-npm login
-bun install --frozen-lockfile
-bun run check
-npm publish --provenance=false
-```
+Version 0.1.0 was published from a maintainer's machine, because npm offers trusted publishing only for a package that already exists.
 
 ## License
 

package/dist/components/BookmarkCard.astro

@@ -1,7 +1,8 @@
 ---
-import { ArrowUpRightIcon } from "lucide-react";
+import { ArrowUpRightIcon, CheckIcon, ChevronDownIcon } from "lucide-react";
 import { Badge } from "./ui/badge";
-import { Card, CardContent, CardFooter, CardHeader } from "./ui/card";
+import { Button } from "./ui/button";
+import { Card } from "./ui/card";
 import type { Bookmark } from "../lib/bookmarks";
 import { TOPIC_LABELS } from "../lib/topics";
 
@@ -10,52 +11,91 @@ type Props = {
 };
 
 const { bookmark } = Astro.props;
-const { id, url, author, postedAt, topic, summary, text, keyPoints } = bookmark;
+const { id, url, author, postedAt, savedAt, topic, tldr, summary, text, keyPoints } = bookmark;
 
 const dateFormat = new Intl.DateTimeFormat("en", { dateStyle: "medium", timeZone: "UTC" });
+const isoDay = (date: Date) => date.toISOString().slice(0, 10);
+const postedOtherDay = isoDay(postedAt) !== isoDay(savedAt);
 ---
 
-<li id={`b-${id}`} data-bookmark-id={id}>
-  <Card className="gap-4 py-5 shadow-xs ring-foreground/8 [--card-spacing:--spacing(5)] sm:[--card-spacing:--spacing(6)] sm:py-6">
-    <CardHeader className="flex flex-wrap items-baseline justify-between gap-x-3 gap-y-1">
-      <p class="flex min-w-0 flex-wrap items-baseline gap-x-1.5 text-sm">
-        <span class="font-medium text-foreground">{author.name}</span>
-        <span class="text-muted-foreground">@{author.handle}</span>
-      </p>
-      <time datetime={postedAt.toISOString().slice(0, 10)} class="shrink-0 text-xs text-muted-foreground tabular-nums">
-        {dateFormat.format(postedAt)}
-      </time>
-    </CardHeader>
+<li id={`b-${id}`} data-bookmark-id={id} data-url={url} class="group/bookmark scroll-mt-6">
+  <Card className="gap-0 py-0 shadow-xs ring-foreground/8 [--card-spacing:--spacing(5)] has-[summary:focus-visible]:ring-2 has-[summary:focus-visible]:ring-ring sm:[--card-spacing:--spacing(6)]">
+    <details open class="group/details transition-opacity group-data-[done]/bookmark:opacity-55">
+      <summary class="flex cursor-pointer list-none flex-col gap-2 px-(--card-spacing) pt-(--card-spacing) pb-4 outline-none [&::-webkit-details-marker]:hidden">
+        <span class="flex flex-wrap items-baseline justify-between gap-x-3 gap-y-1 text-sm">
+          <span class="flex min-w-0 flex-wrap items-baseline gap-x-1.5">
+            <span class="font-medium text-foreground">{author.name}</span>
+            <span class="text-muted-foreground">@{author.handle}</span>
+          </span>
+          <span class="shrink-0 text-xs text-muted-foreground tabular-nums">
+            Saved <time datetime={savedAt.toISOString()}>{dateFormat.format(savedAt)}</time>
+            {postedOtherDay && (
+              <>
+                {" · "}Posted <time datetime={isoDay(postedAt)}>{dateFormat.format(postedAt)}</time>
+              </>
+            )}
+          </span>
+        </span>
+        <span
+          data-review-reason
+          class="text-xs font-medium tracking-wide text-muted-foreground uppercase"
+          hidden
+        ></span>
+        <span class="flex items-start justify-between gap-3">
+          <h2 class="font-heading text-xl leading-snug font-semibold text-balance text-foreground sm:text-[1.375rem]">
+            {tldr}
+          </h2>
+          <ChevronDownIcon
+            className="mt-1.5 size-4 shrink-0 text-muted-foreground transition-transform group-open/details:rotate-180"
+            aria-hidden="true"
+          />
+        </span>
+      </summary>
 
-    <CardContent className="flex flex-col gap-4">
-      <p class="font-serif text-[1.0625rem] leading-relaxed text-pretty text-foreground sm:text-lg">{summary}</p>
-      {keyPoints.length > 0 && (
-        <ul class="flex flex-col gap-2 border-l-2 border-border pl-4 text-[0.9375rem] leading-relaxed text-foreground/85">
-          {keyPoints.map((point) => (
-            <li class="text-pretty">{point}</li>
-          ))}
-        </ul>
-      )}
-      {text !== "" && (
-        <figure class="border-t border-border pt-4">
-          <figcaption class="mb-2 text-xs font-medium text-muted-foreground">Original post</figcaption>
-          <blockquote class="text-sm leading-relaxed whitespace-pre-wrap text-pretty text-foreground/80">
-            {text}
-          </blockquote>
-        </figure>
-      )}
-    </CardContent>
+      <div class="flex flex-col gap-4 px-(--card-spacing) pb-4">
+        <p class="font-serif text-[1.0625rem] leading-relaxed text-pretty text-foreground/90">{summary}</p>
+        {keyPoints.length > 0 && (
+          <ul class="flex flex-col gap-2 border-l-2 border-border pl-4 text-[0.9375rem] leading-relaxed text-foreground/85">
+            {keyPoints.map((point) => (
+              <li class="text-pretty">{point}</li>
+            ))}
+          </ul>
+        )}
+        {text !== "" && (
+          <figure class="border-t border-border pt-4">
+            <figcaption class="mb-2 text-xs font-medium text-muted-foreground">Original post</figcaption>
+            <blockquote class="text-sm leading-relaxed whitespace-pre-wrap text-pretty text-foreground/80">
+              {text}
+            </blockquote>
+          </figure>
+        )}
+      </div>
+    </details>
 
-    <CardFooter className="justify-between gap-3 border-t-0 bg-transparent pt-1">
+    <div class="flex items-center justify-between gap-3 px-(--card-spacing) pb-(--card-spacing)">
       <Badge variant="secondary">{TOPIC_LABELS[topic]}</Badge>
-      <a
-        href={url}
-        target="_blank"
-        rel="noopener noreferrer"
-        class="inline-flex items-center gap-1 rounded-sm text-sm font-medium text-foreground underline decoration-border underline-offset-4 transition-colors hover:decoration-foreground focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-none"
-      >
-        Open on X<ArrowUpRightIcon className="size-3.5" aria-hidden="true" />
-      </a>
-    </CardFooter>
+      <div class="flex items-center gap-4">
+        <Button
+          type="button"
+          variant="outline"
+          size="sm"
+          data-done-toggle
+          aria-pressed="false"
+          title="Mark done (e)"
+          className="rounded-full aria-pressed:border-primary aria-pressed:bg-primary aria-pressed:text-primary-foreground dark:aria-pressed:bg-primary dark:aria-pressed:hover:bg-primary/80"
+        >
+          <CheckIcon aria-hidden="true" />
+          Done
+        </Button>
+        <a
+          href={url}
+          target="_blank"
+          rel="noopener noreferrer"
+          class="inline-flex items-center gap-1 rounded-sm text-sm font-medium text-foreground underline decoration-border underline-offset-4 transition-colors hover:decoration-foreground focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-none"
+        >
+          Open on X<ArrowUpRightIcon className="size-3.5" aria-hidden="true" />
+        </a>
+      </div>
+    </div>
   </Card>
 </li>

package/dist/components/{BookmarkFilters.d.ts → BookmarkControls.d.ts}

@@ -2,5 +2,5 @@ import { type SearchEntry } from "../lib/search.ts";
 type Props = {
     entries: SearchEntry[];
 };
-export declare function BookmarkFilters({ entries }: Props): import("react").JSX.Element;
+export declare function BookmarkControls({ entries }: Props): import("react").JSX.Element;
 export {};

package/dist/components/BookmarkControls.js

@@ -0,0 +1,226 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ChevronsDownUpIcon, ChevronsUpDownIcon, SearchIcon } from "lucide-react";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { Button } from "./ui/button.js";
+import { Input } from "./ui/input.js";
+import { filterSearch, parseFilter, VIEWS } from "../lib/filter.js";
+import { dailyReview, localDay } from "../lib/review.js";
+import { matchingIds } from "../lib/search.js";
+import { TOPIC_LABELS, TOPICS } from "../lib/topics.js";
+const STORAGE_PREFIX = `grok-digest:${import.meta.env.BASE_URL}:`;
+const DONE_KEY = `${STORAGE_PREFIX}done`;
+const REVIEW_KEY = `${STORAGE_PREFIX}review`;
+const COLLAPSED_KEY = `${STORAGE_PREFIX}collapsed`;
+const VIEW_LABELS = { today: "Today", inbox: "Inbox", done: "Done", all: "All" };
+const FORM_FIELDS = "input, textarea, select, [contenteditable]";
+function readStored(key) {
+    try {
+        const raw = window.localStorage.getItem(key);
+        return raw === null ? null : JSON.parse(raw);
+    }
+    catch {
+        return null;
+    }
+}
+function writeStored(key, value) {
+    try {
+        window.localStorage.setItem(key, JSON.stringify(value));
+    }
+    catch { }
+}
+function isStringArray(value) {
+    return Array.isArray(value) && value.every((item) => typeof item === "string");
+}
+function isStoredReview(value) {
+    if (typeof value !== "object" || value === null || !("day" in value) || !("picks" in value))
+        return false;
+    const { day, picks } = value;
+    return (typeof day === "string" &&
+        Array.isArray(picks) &&
+        picks.every((pick) => typeof pick === "object" &&
+            pick !== null &&
+            "id" in pick &&
+            "reason" in pick &&
+            typeof pick.id === "string" &&
+            typeof pick.reason === "string"));
+}
+function storedDone() {
+    const stored = readStored(DONE_KEY);
+    return new Set(isStringArray(stored) ? stored : []);
+}
+function todaysReview(entries, done) {
+    const today = localDay(new Date());
+    const stored = readStored(REVIEW_KEY);
+    if (isStoredReview(stored) && stored.day === today) {
+        const ids = new Set(entries.map(({ id }) => id));
+        return stored.picks.filter(({ id }) => ids.has(id));
+    }
+    const picks = dailyReview({ bookmarks: entries, done, today });
+    writeStored(REVIEW_KEY, { day: today, picks });
+    return picks;
+}
+function linkedCard() {
+    const target = window.location.hash.slice(1);
+    return target === "" ? null : document.querySelector(`[data-bookmark-id][id="${CSS.escape(target)}"]`);
+}
+function initialFilter() {
+    const filter = parseFilter(window.location.search);
+    return linkedCard() === null ? filter : { ...filter, view: "all" };
+}
+function cards() {
+    return [...document.querySelectorAll("[data-bookmark-id]")];
+}
+function focusCard(card) {
+    if (card === undefined)
+        return;
+    card.querySelector("summary")?.focus({ preventScroll: true });
+    card.scrollIntoView({ block: "start" });
+}
+function plural(count, noun) {
+    return `${count} ${count === 1 ? noun : `${noun}s`}`;
+}
+export function BookmarkControls({ entries }) {
+    const [filter, setFilter] = useState(initialFilter);
+    const [done, setDone] = useState(storedDone);
+    const [review] = useState(() => todaysReview(entries, storedDone()));
+    const [collapsed, setCollapsed] = useState(() => readStored(COLLAPSED_KEY) === true);
+    const searchRef = useRef(null);
+    const { query, topic, view } = filter;
+    const searching = query.trim() !== "";
+    const reviewIds = useMemo(() => new Set(review.map(({ id }) => id)), [review]);
+    const reasons = useMemo(() => new Map(review.map(({ id, reason }) => [id, reason])), [review]);
+    const visible = useMemo(() => matchingIds({ entries, filter, triage: { done, review: reviewIds } }), [entries, filter, done, reviewIds]);
+    const topicsInUse = useMemo(() => TOPICS.filter((t) => entries.some((entry) => entry.topic === t)), [entries]);
+    const doneCount = entries.filter(({ id }) => done.has(id)).length;
+    const reviewedCount = review.filter(({ id }) => done.has(id)).length;
+    const counts = {
+        today: review.length,
+        inbox: entries.length - doneCount,
+        done: doneCount,
+        all: entries.length,
+    };
+    useEffect(() => {
+        const showReasons = view === "today" && !searching;
+        for (const card of cards()) {
+            const id = card.dataset["bookmarkId"] ?? "";
+            card.hidden = !visible.has(id);
+            card.toggleAttribute("data-done", done.has(id));
+            card.querySelector("[data-done-toggle]")?.setAttribute("aria-pressed", String(done.has(id)));
+            const reason = card.querySelector("[data-review-reason]");
+            const text = showReasons ? reasons.get(id) : undefined;
+            if (reason !== null) {
+                reason.hidden = text === undefined;
+                reason.textContent = text ?? "";
+            }
+        }
+    }, [visible, done, reasons, view, searching]);
+    useEffect(() => {
+        for (const details of document.querySelectorAll("[data-bookmark-id] details")) {
+            details.open = !collapsed;
+        }
+        writeStored(COLLAPSED_KEY, collapsed);
+    }, [collapsed]);
+    useEffect(() => {
+        writeStored(DONE_KEY, [...done]);
+    }, [done]);
+    useEffect(() => {
+        const next = `${window.location.pathname}${filterSearch(filter)}${window.location.hash}`;
+        const current = `${window.location.pathname}${window.location.search}${window.location.hash}`;
+        if (current !== next)
+            window.history.replaceState(null, "", next);
+    }, [filter]);
+    useEffect(() => {
+        document.querySelector("[data-bookmark-list]")?.toggleAttribute("data-ready", true);
+        const linked = linkedCard();
+        linked?.querySelector("details")?.setAttribute("open", "");
+        linked?.scrollIntoView({ block: "start" });
+    }, []);
+    useEffect(() => {
+        const toggleDone = (card) => {
+            const id = card.dataset["bookmarkId"] ?? "";
+            setDone((previous) => {
+                const next = new Set(previous);
+                if (!next.delete(id))
+                    next.add(id);
+                return next;
+            });
+        };
+        const onClick = (event) => {
+            if (!(event.target instanceof Element))
+                return;
+            const card = event.target.closest("[data-done-toggle]")?.closest("[data-bookmark-id]");
+            if (card !== null && card !== undefined)
+                toggleDone(card);
+        };
+        const onKeyDown = (event) => {
+            if (event.defaultPrevented || event.metaKey || event.ctrlKey || event.altKey)
+                return;
+            if (event.target instanceof HTMLElement && event.target.closest(FORM_FIELDS) !== null) {
+                if (event.key === "Escape")
+                    event.target.blur();
+                return;
+            }
+            const shown = cards().filter((card) => !card.hidden);
+            const current = document.activeElement?.closest("[data-bookmark-id]") ?? null;
+            const index = current === null ? -1 : shown.indexOf(current);
+            switch (event.key) {
+                case "j":
+                    focusCard(shown[Math.min(index + 1, shown.length - 1)]);
+                    break;
+                case "k":
+                    focusCard(shown[Math.max(index - 1, 0)]);
+                    break;
+                case "e": {
+                    if (current === null)
+                        return;
+                    const neighbor = shown[index + 1] ?? shown[index - 1];
+                    toggleDone(current);
+                    setTimeout(() => {
+                        if (current.hidden)
+                            focusCard(neighbor);
+                    });
+                    break;
+                }
+                case "o": {
+                    const url = current?.dataset["url"];
+                    if (url !== undefined)
+                        window.open(url, "_blank", "noopener,noreferrer");
+                    break;
+                }
+                case "/":
+                    searchRef.current?.focus();
+                    break;
+                default:
+                    return;
+            }
+            event.preventDefault();
+        };
+        document.addEventListener("click", onClick);
+        document.addEventListener("keydown", onKeyDown);
+        return () => {
+            document.removeEventListener("click", onClick);
+            document.removeEventListener("keydown", onKeyDown);
+        };
+    }, []);
+    const update = (change) => setFilter((previous) => ({ ...previous, ...change }));
+    return (_jsxs("div", { className: "flex flex-col gap-4", children: [_jsxs("div", { className: "relative", children: [_jsx(SearchIcon, { className: "pointer-events-none absolute top-1/2 left-3 size-4 -translate-y-1/2 text-muted-foreground" }), _jsx(Input, { ref: searchRef, type: "search", value: query, onChange: (event) => update({ query: event.target.value }), placeholder: "Search all bookmarks", "aria-label": "Search bookmarks", className: "h-10 rounded-full bg-card pl-9 dark:bg-card" })] }), _jsx("fieldset", { "aria-label": "Choose a view", className: "flex w-fit min-w-0 flex-wrap gap-1 rounded-full bg-muted p-1", children: VIEWS.map((v) => (_jsxs("button", { type: "button", "aria-pressed": view === v && !searching, onClick: () => update({ view: v, query: "" }), className: "inline-flex h-8 items-center gap-1.5 rounded-full px-3.5 text-sm font-medium text-muted-foreground transition-colors outline-none hover:text-foreground focus-visible:ring-3 focus-visible:ring-ring/50 aria-pressed:bg-card aria-pressed:text-foreground aria-pressed:shadow-xs", children: [VIEW_LABELS[v], _jsx("span", { className: "text-xs text-muted-foreground tabular-nums", children: counts[v] })] }, v))) }), _jsxs("fieldset", { "aria-label": "Filter by topic", className: "flex min-w-0 flex-wrap gap-2", children: [_jsx(TopicChip, { label: "All topics", pressed: topic === null, onClick: () => update({ topic: null }) }), topicsInUse.map((t) => (_jsx(TopicChip, { label: TOPIC_LABELS[t], pressed: topic === t, onClick: () => update({ topic: topic === t ? null : t }) }, t)))] }), _jsxs("div", { className: "flex flex-wrap items-center justify-between gap-x-4 gap-y-2", children: [_jsx("p", { "aria-live": "polite", className: "text-sm text-muted-foreground", children: _jsx(Status, { view: view, searching: searching, visible: visible.size, reviewed: reviewedCount, reviewSize: review.length, inbox: counts.inbox }) }), _jsxs("div", { className: "flex items-center gap-3", children: [_jsxs("p", { className: "hidden text-xs text-muted-foreground sm:block", children: [_jsx("kbd", { children: "j" }), "/", _jsx("kbd", { children: "k" }), " move \u00B7 ", _jsx("kbd", { children: "e" }), " done \u00B7 ", _jsx("kbd", { children: "o" }), " open \u00B7 ", _jsx("kbd", { children: "/" }), " search"] }), _jsxs(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => setCollapsed(!collapsed), children: [collapsed ? _jsx(ChevronsUpDownIcon, { "aria-hidden": "true" }) : _jsx(ChevronsDownUpIcon, { "aria-hidden": "true" }), collapsed ? "Expand all" : "Collapse all"] })] })] })] }));
+}
+function Status({ view, searching, visible, reviewed, reviewSize, inbox, }) {
+    if (searching)
+        return visible === 0 ? "No bookmarks match your search." : `${plural(visible, "result")} in all bookmarks`;
+    if (view === "today") {
+        if (reviewSize === 0)
+            return `Nothing to review today. ${plural(inbox, "bookmark")} in your inbox.`;
+        if (reviewed === reviewSize)
+            return "All caught up for today. Come back tomorrow.";
+        return `${reviewed} of ${reviewSize} reviewed today`;
+    }
+    if (view === "inbox" && inbox === 0)
+        return "Inbox zero. Everything is done.";
+    if (view === "done" && visible === 0)
+        return "Nothing marked done yet.";
+    return plural(visible, "bookmark");
+}
+function TopicChip({ label, pressed, onClick }) {
+    return (_jsx(Button, { type: "button", size: "sm", variant: pressed ? "default" : "outline", "aria-pressed": pressed, onClick: onClick, className: "rounded-full px-3", children: label }));
+}

package/dist/components/ui/card.d.ts

@@ -2,7 +2,4 @@ import * as React from "react";
 declare function Card({ className, size, ...props }: React.ComponentProps<"div"> & {
     size?: "default" | "sm";
 }): React.JSX.Element;
-declare function CardHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardContent({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-declare function CardFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
-export { Card, CardHeader, CardFooter, CardContent };
+export { Card };

package/dist/components/ui/card.js

@@ -4,13 +4,4 @@ import { cn } from "cn";
 function Card({ className, size = "default", ...props }) {
     return (_jsx("div", { "data-slot": "card", "data-size": size, className: cn("group/card flex flex-col gap-(--card-spacing) overflow-hidden rounded-xl bg-card py-(--card-spacing) text-sm text-card-foreground ring-1 ring-foreground/10 [--card-spacing:--spacing(4)] has-data-[slot=card-footer]:pb-0 has-[>img:first-child]:pt-0 data-[size=sm]:[--card-spacing:--spacing(3)] data-[size=sm]:has-data-[slot=card-footer]:pb-0 *:[img:first-child]:rounded-t-xl *:[img:last-child]:rounded-b-xl", className), ...props }));
 }
-function CardHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-header", className: cn("group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-xl px-(--card-spacing) has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-(--card-spacing)", className), ...props }));
-}
-function CardContent({ className, ...props }) {
-    return _jsx("div", { "data-slot": "card-content", className: cn("px-(--card-spacing)", className), ...props });
-}
-function CardFooter({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-footer", className: cn("flex items-center rounded-b-xl border-t bg-muted/50 p-(--card-spacing)", className), ...props }));
-}
-export { Card, CardHeader, CardFooter, CardContent };
+export { Card };

package/dist/index.js

@@ -16,6 +16,7 @@ const ROUTES = [
 ];
 const RENDERER_PACKAGES = ["@astrojs/react", "react", "react-dom"];
 const PACKAGE_ENTRY = fileURLToPath(import.meta.url);
+const PACKAGE_ROOT = path.resolve(path.dirname(PACKAGE_ENTRY), "..");
 const isRendererImport = (id) => RENDERER_PACKAGES.some((name) => id === name || id.startsWith(`${name}/`));
 function replaceInPlace(list, replacement) {
     list.splice(0, list.length, ...replacement);
@@ -47,6 +48,14 @@ function rendererFromPackage() {
         },
     };
 }
+function servePackageFiles() {
+    return {
+        name: "grok-digest:serve-package-files",
+        configResolved(config) {
+            config.server.fs.allow.push(PACKAGE_ROOT);
+        },
+    };
+}
 function bookmarksModule({ file, source }) {
     return {
         name: "grok-digest:bookmarks",
@@ -70,7 +79,9 @@ export default function grokDigest({ dataDir = "data" } = {}) {
                 const source = path.relative(root, file).split(path.sep).join("/");
                 updateConfig({
                     integrations: [react()],
-                    vite: { plugins: [rendererFromPackage(), tailwindcss(), bookmarksModule({ file, source })] },
+                    vite: {
+                        plugins: [rendererFromPackage(), servePackageFiles(), tailwindcss(), bookmarksModule({ file, source })],
+                    },
                 });
                 for (const { pattern, entrypoint } of ROUTES) {
                     injectRoute({ pattern, entrypoint: new URL(entrypoint, import.meta.url) });

package/dist/lib/bookmarks.d.ts

@@ -8,6 +8,7 @@ export declare const bookmarkSchema: z.ZodPipe<z.ZodObject<{
         handle: z.ZodPipe<z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>, z.ZodString>;
     }, z.core.$strict>;
     posted_at: z.ZodUnion<readonly [z.ZodISODate, z.ZodISODateTime]>;
+    saved_at: z.ZodISODateTime;
     topic: z.ZodEnum<{
         "ai-agents": "ai-agents";
         "models-releases": "models-releases";
@@ -17,11 +18,13 @@ export declare const bookmarkSchema: z.ZodPipe<z.ZodObject<{
         design: "design";
         other: "other";
     }>;
+    tldr: z.ZodString;
     summary: z.ZodString;
     text: z.ZodString;
     key_points: z.ZodArray<z.ZodString>;
 }, z.core.$strict>, z.ZodTransform<{
     postedAt: Date;
+    savedAt: Date;
     keyPoints: string[];
     id: string;
     url: string;
@@ -30,6 +33,7 @@ export declare const bookmarkSchema: z.ZodPipe<z.ZodObject<{
         handle: string;
     };
     topic: "ai-agents" | "models-releases" | "dev-tools" | "startups-business" | "japan-tech" | "design" | "other";
+    tldr: string;
     summary: string;
     text: string;
 }, {
@@ -40,7 +44,9 @@ export declare const bookmarkSchema: z.ZodPipe<z.ZodObject<{
         handle: string;
     };
     posted_at: string;
+    saved_at: string;
     topic: "ai-agents" | "models-releases" | "dev-tools" | "startups-business" | "japan-tech" | "design" | "other";
+    tldr: string;
     summary: string;
     text: string;
     key_points: string[];
@@ -53,6 +59,7 @@ export declare const bookmarksFileSchema: z.ZodArray<z.ZodPipe<z.ZodObject<{
         handle: z.ZodPipe<z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>, z.ZodString>;
     }, z.core.$strict>;
     posted_at: z.ZodUnion<readonly [z.ZodISODate, z.ZodISODateTime]>;
+    saved_at: z.ZodISODateTime;
     topic: z.ZodEnum<{
         "ai-agents": "ai-agents";
         "models-releases": "models-releases";
@@ -62,11 +69,13 @@ export declare const bookmarksFileSchema: z.ZodArray<z.ZodPipe<z.ZodObject<{
         design: "design";
         other: "other";
     }>;
+    tldr: z.ZodString;
     summary: z.ZodString;
     text: z.ZodString;
     key_points: z.ZodArray<z.ZodString>;
 }, z.core.$strict>, z.ZodTransform<{
     postedAt: Date;
+    savedAt: Date;
     keyPoints: string[];
     id: string;
     url: string;
@@ -75,6 +84,7 @@ export declare const bookmarksFileSchema: z.ZodArray<z.ZodPipe<z.ZodObject<{
         handle: string;
     };
     topic: "ai-agents" | "models-releases" | "dev-tools" | "startups-business" | "japan-tech" | "design" | "other";
+    tldr: string;
     summary: string;
     text: string;
 }, {
@@ -85,7 +95,9 @@ export declare const bookmarksFileSchema: z.ZodArray<z.ZodPipe<z.ZodObject<{
         handle: string;
     };
     posted_at: string;
+    saved_at: string;
     topic: "ai-agents" | "models-releases" | "dev-tools" | "startups-business" | "japan-tech" | "design" | "other";
+    tldr: string;
     summary: string;
     text: string;
     key_points: string[];

package/dist/lib/bookmarks.js

@@ -4,6 +4,7 @@ export const SCHEMA_VERSION = 1;
 const X_HOSTNAME = /^(www\.|mobile\.)?(x|twitter)\.com$/;
 const X_HANDLE = /^[A-Za-z0-9_]{1,15}$/;
 const nonEmpty = z.string().trim().min(1);
+const instant = z.iso.datetime({ offset: true });
 export const bookmarkSchema = z
     .strictObject({
     id: nonEmpty,
@@ -16,15 +17,18 @@ export const bookmarkSchema = z
             .transform((handle) => handle.replace(/^@/, ""))
             .pipe(z.string().regex(X_HANDLE, "must be an X handle such as @jack")),
     }),
-    posted_at: z.union([z.iso.date(), z.iso.datetime({ offset: true })]),
+    posted_at: z.union([z.iso.date(), instant]),
+    saved_at: instant,
     topic: z.enum(TOPICS),
+    tldr: nonEmpty,
     summary: nonEmpty,
     text: z.string().trim(),
     key_points: z.array(nonEmpty),
 })
-    .transform(({ posted_at, key_points, ...rest }) => ({
+    .transform(({ posted_at, saved_at, key_points, ...rest }) => ({
     ...rest,
     postedAt: new Date(posted_at),
+    savedAt: new Date(saved_at),
     keyPoints: key_points,
 }));
 export const bookmarksFileSchema = z.array(bookmarkSchema).superRefine((bookmarks, ctx) => {
@@ -45,5 +49,5 @@ export function parseDataFile({ schema, raw, source, }) {
     return result.data;
 }
 export function parseBookmarks({ raw, source }) {
-    return parseDataFile({ schema: bookmarksFileSchema, raw, source }).toSorted((a, b) => b.postedAt.getTime() - a.postedAt.getTime());
+    return parseDataFile({ schema: bookmarksFileSchema, raw, source }).toSorted((a, b) => b.savedAt.getTime() - a.savedAt.getTime());
 }