tokentrace 0.15.1 → 0.15.2

package/CHANGELOG.md

@@ -4,6 +4,12 @@ All notable changes to TokenTrace are documented here.
 
 ## Unreleased
 
+## [0.15.2] - 2026-05-23
+
+### Fixed
+
+- Period filter presets (Today / 7d / 30d / 60d / 90d / Month / All time) now navigate correctly when clicked on the production webpack build. Previously the preset `<Link>` elements were rendered inside the custom-date `<form>`, and under Next.js 16 + React 19 the form was eating Link clicks, leaving the URL and rendered data unchanged. The preset links are now siblings of the form rather than children.
+
 ## [0.15.1] - 2026-05-22
 
 ### Changed

package/components/period-filter.tsx

@@ -72,47 +72,45 @@ export function PeriodFilter({
 
   return (
     <div className="min-w-0 max-w-full rounded-lg bg-card p-3 outline-solid outline-1 outline-border sm:p-4">
-      <form className="max-w-full" action={basePath}>
-        <input type="hidden" name="range" value="custom" />
-        {Object.entries(preserveParams).map(([key, value]) =>
-          value ? <input key={key} type="hidden" name={key} value={value} /> : null
-        )}
-        <div className="flex min-w-0 flex-wrap items-center gap-x-3 gap-y-3 lg:flex-nowrap">
-          <div className="flex shrink-0 items-center gap-2 text-sm font-semibold">
-            <CalendarDays className="h-4 w-4 shrink-0 text-muted-foreground" />
-            <span>Period</span>
-            <span className="hidden shrink-0 whitespace-nowrap rounded-md bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground 2xl:inline-flex">
-              {statusLabel}
-            </span>
-          </div>
-
-          <div className="period-preset-scroll -mx-3 min-w-0 flex-1 overflow-x-auto px-3 sm:mx-0 sm:px-0 md:overflow-visible">
-            <div className="flex w-max items-center gap-1.5 pr-1 md:w-auto md:flex-wrap">
-              {dateRangeOptions.map((option) => (
-                <Button
-                  key={option.key}
-                  asChild
-                  size="sm"
-                  variant={range.key === option.key ? "default" : "outline"}
-                  className="px-2.5"
-                >
-                  <Link href={rangeHref(option.key, basePath, preserveParams)}>
-                    {compactOptionLabel(option.key, option.label)}
-                  </Link>
-                </Button>
-              ))}
-            </div>
-          </div>
+      <div className="flex min-w-0 flex-wrap items-center gap-x-3 gap-y-3 lg:flex-nowrap">
+        <div className="flex shrink-0 items-center gap-2 text-sm font-semibold">
+          <CalendarDays className="h-4 w-4 shrink-0 text-muted-foreground" />
+          <span>Period</span>
+          <span className="hidden shrink-0 whitespace-nowrap rounded-md bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground 2xl:inline-flex">
+            {statusLabel}
+          </span>
+        </div>
 
-          <div className="period-custom-row ml-auto flex min-w-0 flex-wrap items-center gap-2 shrink-0 lg:flex-nowrap">
-            <PeriodDateField label="From" name="from" defaultValue={range.fromInput} />
-            <PeriodDateField label="To" name="to" defaultValue={range.toInput} />
-            <Button size="sm" type="submit" variant={range.key === "custom" ? "default" : "outline"}>
-              Apply
-            </Button>
+        <div className="period-preset-scroll -mx-3 min-w-0 flex-1 overflow-x-auto px-3 sm:mx-0 sm:px-0 md:overflow-visible">
+          <div className="flex w-max items-center gap-1.5 pr-1 md:w-auto md:flex-wrap">
+            {dateRangeOptions.map((option) => (
+              <Button
+                key={option.key}
+                asChild
+                size="sm"
+                variant={range.key === option.key ? "default" : "outline"}
+                className="px-2.5"
+              >
+                <Link href={rangeHref(option.key, basePath, preserveParams)}>
+                  {compactOptionLabel(option.key, option.label)}
+                </Link>
+              </Button>
+            ))}
           </div>
         </div>
-      </form>
+
+        <form className="period-custom-row ml-auto flex min-w-0 flex-wrap items-center gap-2 shrink-0 lg:flex-nowrap" action={basePath}>
+          <input type="hidden" name="range" value="custom" />
+          {Object.entries(preserveParams).map(([key, value]) =>
+            value ? <input key={key} type="hidden" name={key} value={value} /> : null
+          )}
+          <PeriodDateField label="From" name="from" defaultValue={range.fromInput} />
+          <PeriodDateField label="To" name="to" defaultValue={range.toInput} />
+          <Button size="sm" type="submit" variant={range.key === "custom" ? "default" : "outline"}>
+            Apply
+          </Button>
+        </form>
+      </div>
     </div>
   );
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tokentrace",
-  "version": "0.15.1",
+  "version": "0.15.2",
   "mcpName": "io.github.abhiyoheswaran1/tokentrace",
   "description": "Local-first dashboard for AI CLI token, cost, and session analytics.",
   "author": {

package/server.json

@@ -8,12 +8,12 @@
     "url": "https://github.com/abhiyoheswaran1/tokentrace",
     "source": "github"
   },
-  "version": "0.15.1",
+  "version": "0.15.2",
   "packages": [
     {
       "registryType": "npm",
       "identifier": "tokentrace",
-      "version": "0.15.1",
+      "version": "0.15.2",
       "runtimeHint": "npx",
       "packageArguments": [
         {