@agent-native/core 0.109.2 → 0.109.4

package/corpus/core/src/styles/rich-markdown-editor.css

@@ -1,510 +1 @@
-.an-rich-md-wrapper {
-  min-height: 100%;
-  position: relative;
-  cursor: text;
-}
-
-.an-rich-md-wrapper--readonly {
-  cursor: default;
-}
-
-.an-rich-md-loading {
-  min-height: 7rem;
-}
-
-.an-rich-md-prose {
-  outline: none;
-  color: hsl(var(--foreground));
-  line-height: 1.65;
-  font-size: 0.95rem;
-  min-height: 1.65em;
-  text-align: start;
-}
-
-.an-rich-md-prose > *:first-child {
-  margin-top: 0;
-}
-
-.an-rich-md-prose h1 {
-  font-size: 1.85em;
-  font-weight: 700;
-  margin: 1em 0 0.3em;
-  line-height: 1.18;
-}
-
-.an-rich-md-prose h2 {
-  font-size: 1.45em;
-  font-weight: 650;
-  margin: 0.9em 0 0.25em;
-  line-height: 1.25;
-}
-
-.an-rich-md-prose h3 {
-  font-size: 1.18em;
-  font-weight: 650;
-  margin: 0.75em 0 0.2em;
-  line-height: 1.32;
-}
-
-.an-rich-md-prose h4 {
-  font-size: 1em;
-  font-weight: 650;
-  margin: 0.65em 0 0.15em;
-  line-height: 1.35;
-}
-
-.an-rich-md-prose p {
-  margin: 0.45em 0;
-  min-height: 1.65em;
-}
-
-.an-rich-md-prose ul:not(.an-rich-md-task-list),
-.an-rich-md-prose ol {
-  padding-inline-start: 1.45em;
-  margin: 0.35em 0;
-}
-
-.an-rich-md-prose ul:not(.an-rich-md-task-list) {
-  list-style-type: disc;
-}
-
-.an-rich-md-prose ol {
-  list-style-type: decimal;
-}
-
-.an-rich-md-prose li {
-  margin: 0.12em 0;
-}
-
-.an-rich-md-prose li p {
-  margin: 0;
-}
-
-.an-rich-md-task-list {
-  list-style: none;
-  margin: 0.35em 0;
-  padding-inline-start: 0;
-}
-
-.an-rich-md-task-list li {
-  display: flex;
-  align-items: flex-start;
-  gap: 0.45em;
-  margin: 0.18em 0;
-}
-
-.an-rich-md-task-list li label {
-  display: inline-flex;
-  align-items: center;
-  height: 1.65em;
-}
-
-.an-rich-md-task-list li input[type="checkbox"] {
-  width: 0.95em;
-  height: 0.95em;
-  accent-color: hsl(var(--primary));
-}
-
-.an-rich-md-task-list li > div {
-  flex: 1;
-}
-
-.an-rich-md-prose blockquote {
-  border-inline-start: 2px solid hsl(var(--border));
-  padding-inline-start: 0.9em;
-  margin: 0.45em 0;
-  color: hsl(var(--muted-foreground));
-}
-
-.an-rich-md-prose code {
-  unicode-bidi: isolate;
-  font-family:
-    ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
-  font-size: 0.88em;
-  background: hsl(var(--muted));
-  padding: 0.12em 0.32em;
-  border-radius: 4px;
-}
-
-.an-rich-md-prose :not(pre) > code {
-  direction: ltr;
-}
-
-.an-rich-md-prose pre {
-  font-family:
-    ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
-  font-size: 0.86em;
-  /* Theme-aware code surface: follows the app's muted/foreground/border tokens
-     so block code respects light and dark mode (the token palette below is
-     tuned to read on a muted surface in both). */
-  background: hsl(var(--muted));
-  color: hsl(var(--foreground));
-  border: 1px solid hsl(var(--border));
-  border-radius: 6px;
-  padding: 0.8em 1em;
-  margin: 0.55em 0;
-  overflow-x: auto;
-  line-height: 1.5;
-}
-
-.an-rich-md-prose pre code {
-  background: none;
-  border: none;
-  padding: 0;
-  font-size: inherit;
-  color: inherit;
-}
-
-/* highlight.js (lowlight) token palette. Scoped to block code so inline `code`
-   keeps its own background. No highlight.js base theme is imported; these rules
-   are the entire theme, tuned (mid-lightness HSL) to read on the muted surface
-   above in both light and dark mode. */
-.an-rich-md-prose pre code .hljs-comment,
-.an-rich-md-prose pre code .hljs-quote {
-  color: hsl(var(--muted-foreground));
-  font-style: italic;
-}
-.an-rich-md-prose pre code .hljs-keyword,
-.an-rich-md-prose pre code .hljs-selector-tag,
-.an-rich-md-prose pre code .hljs-literal,
-.an-rich-md-prose pre code .hljs-doctag {
-  color: hsl(280 60% 58%);
-}
-.an-rich-md-prose pre code .hljs-string,
-.an-rich-md-prose pre code .hljs-regexp,
-.an-rich-md-prose pre code .hljs-addition {
-  color: hsl(140 52% 40%);
-}
-.an-rich-md-prose pre code .hljs-number,
-.an-rich-md-prose pre code .hljs-symbol,
-.an-rich-md-prose pre code .hljs-literal {
-  color: hsl(28 78% 48%);
-}
-.an-rich-md-prose pre code .hljs-meta {
-  color: hsl(var(--muted-foreground));
-}
-.an-rich-md-prose pre code .hljs-title,
-.an-rich-md-prose pre code .hljs-title.function_,
-.an-rich-md-prose pre code .hljs-section {
-  color: hsl(210 72% 52%);
-}
-.an-rich-md-prose pre code .hljs-built_in,
-.an-rich-md-prose pre code .hljs-type,
-.an-rich-md-prose pre code .hljs-title.class_,
-.an-rich-md-prose pre code .hljs-variable.language_ {
-  color: hsl(190 64% 40%);
-}
-.an-rich-md-prose pre code .hljs-attr,
-.an-rich-md-prose pre code .hljs-attribute,
-.an-rich-md-prose pre code .hljs-property,
-.an-rich-md-prose pre code .hljs-params {
-  color: hsl(35 68% 46%);
-}
-.an-rich-md-prose pre code .hljs-name,
-.an-rich-md-prose pre code .hljs-tag,
-.an-rich-md-prose pre code .hljs-selector-id,
-.an-rich-md-prose pre code .hljs-selector-class {
-  color: hsl(350 62% 52%);
-}
-.an-rich-md-prose pre code .hljs-deletion {
-  color: hsl(0 62% 52%);
-}
-.an-rich-md-prose pre code .hljs-emphasis {
-  font-style: italic;
-}
-.an-rich-md-prose pre code .hljs-strong {
-  font-weight: 600;
-}
-
-/* In dark mode, lift the token lightness for contrast on the dark muted surface. */
-.dark .an-rich-md-prose pre code .hljs-keyword,
-.dark .an-rich-md-prose pre code .hljs-selector-tag,
-.dark .an-rich-md-prose pre code .hljs-literal,
-.dark .an-rich-md-prose pre code .hljs-doctag {
-  color: hsl(280 72% 72%);
-}
-.dark .an-rich-md-prose pre code .hljs-string,
-.dark .an-rich-md-prose pre code .hljs-regexp,
-.dark .an-rich-md-prose pre code .hljs-addition {
-  color: hsl(140 48% 62%);
-}
-.dark .an-rich-md-prose pre code .hljs-number,
-.dark .an-rich-md-prose pre code .hljs-symbol,
-.dark .an-rich-md-prose pre code .hljs-literal {
-  color: hsl(30 85% 65%);
-}
-.dark .an-rich-md-prose pre code .hljs-title,
-.dark .an-rich-md-prose pre code .hljs-title.function_,
-.dark .an-rich-md-prose pre code .hljs-section {
-  color: hsl(210 80% 70%);
-}
-.dark .an-rich-md-prose pre code .hljs-built_in,
-.dark .an-rich-md-prose pre code .hljs-type,
-.dark .an-rich-md-prose pre code .hljs-title.class_,
-.dark .an-rich-md-prose pre code .hljs-variable.language_ {
-  color: hsl(190 70% 62%);
-}
-.dark .an-rich-md-prose pre code .hljs-attr,
-.dark .an-rich-md-prose pre code .hljs-attribute,
-.dark .an-rich-md-prose pre code .hljs-property,
-.dark .an-rich-md-prose pre code .hljs-params {
-  color: hsl(40 78% 66%);
-}
-.dark .an-rich-md-prose pre code .hljs-name,
-.dark .an-rich-md-prose pre code .hljs-tag,
-.dark .an-rich-md-prose pre code .hljs-selector-id,
-.dark .an-rich-md-prose pre code .hljs-selector-class {
-  color: hsl(350 72% 68%);
-}
-
-.an-rich-md-prose hr {
-  border: none;
-  border-top: 1px solid hsl(var(--border));
-  margin: 1.1em 0;
-}
-
-.an-rich-md-table {
-  width: 100%;
-  border-collapse: collapse;
-  margin: 0.7em 0;
-  table-layout: fixed;
-}
-
-.an-rich-md-table td,
-.an-rich-md-table th {
-  border: 1px solid hsl(var(--border));
-  padding: 0.45em 0.55em;
-  vertical-align: top;
-}
-
-.an-rich-md-table th {
-  background: hsl(var(--muted) / 0.6);
-  font-weight: 650;
-}
-
-.an-rich-md-table p {
-  margin: 0;
-}
-
-.an-rich-md-prose strong {
-  font-weight: 650;
-}
-
-.an-rich-md-prose em {
-  font-style: italic;
-}
-
-.an-rich-md-prose s {
-  text-decoration: line-through;
-}
-
-.an-rich-md-link {
-  color: hsl(var(--foreground));
-  text-decoration: underline;
-  text-underline-offset: 2px;
-  text-decoration-color: hsl(var(--muted-foreground));
-  cursor: pointer;
-}
-
-.an-rich-md-link:hover {
-  text-decoration-color: hsl(var(--foreground));
-}
-
-.an-rich-md-prose p.is-editor-empty:first-child::before,
-.an-rich-md-prose p.is-empty::before,
-.an-rich-md-prose h1.is-empty::before,
-.an-rich-md-prose h2.is-empty::before,
-.an-rich-md-prose h3.is-empty::before,
-.an-rich-md-prose h4.is-empty::before {
-  content: attr(data-placeholder);
-  float: inline-start;
-  color: hsl(var(--muted-foreground));
-  opacity: 0.55;
-  pointer-events: none;
-  height: 0;
-}
-
-.an-rich-md-prose ::selection {
-  background: hsl(var(--ring) / 0.22);
-}
-
-.an-rich-md-bubble-toolbar {
-  z-index: 9999;
-  display: flex;
-  align-items: center;
-  border-radius: 6px;
-  background: hsl(var(--popover));
-  color: hsl(var(--popover-foreground));
-  padding: 3px;
-  box-shadow:
-    0 4px 16px rgb(0 0 0 / 0.25),
-    0 0 0 1px hsl(var(--border));
-}
-
-.an-rich-md-bubble-items,
-.an-rich-md-link-editor {
-  display: flex;
-  align-items: center;
-  gap: 2px;
-}
-
-.an-rich-md-bubble-button {
-  padding: 3px 6px;
-  border-radius: 4px;
-  font-size: 12px;
-  color: hsl(var(--popover-foreground) / 0.76);
-  background: none;
-  border: none;
-  cursor: pointer;
-  line-height: 1;
-}
-
-.an-rich-md-bubble-button:hover {
-  background: hsl(var(--accent));
-  color: hsl(var(--accent-foreground));
-}
-
-.an-rich-md-bubble-button--active {
-  background: hsl(var(--accent));
-  color: hsl(var(--accent-foreground));
-}
-
-.an-rich-md-bubble-divider {
-  width: 1px;
-  height: 16px;
-  margin: 0 2px;
-  background: hsl(var(--border));
-}
-
-.an-rich-md-link-editor {
-  padding: 4px;
-}
-
-.an-rich-md-link-editor input {
-  width: 10rem;
-  border: none;
-  outline: none;
-  background: transparent;
-  color: hsl(var(--popover-foreground));
-  font-size: 12px;
-  padding: 2px 4px;
-}
-
-.an-rich-md-link-editor button {
-  border: none;
-  background: none;
-  color: hsl(var(--primary));
-  cursor: pointer;
-  font-size: 11px;
-  font-weight: 500;
-  padding: 2px 6px;
-}
-
-.an-rich-md-slash-menu {
-  z-index: 9999;
-  width: min(420px, calc(100vw - 24px));
-  min-width: 230px;
-  max-height: 320px;
-  overflow-y: auto;
-  color: hsl(var(--foreground));
-  background: hsl(var(--popover));
-  border: 1px solid hsl(var(--border));
-  border-radius: 7px;
-  box-shadow:
-    0 4px 20px rgb(0 0 0 / 0.12),
-    0 0 0 1px rgb(0 0 0 / 0.04);
-  padding: 4px 0;
-}
-
-.an-rich-md-slash-heading {
-  padding: 4px 10px;
-  font-size: 10px;
-  font-weight: 650;
-  text-transform: uppercase;
-  letter-spacing: 0.06em;
-  color: hsl(var(--muted-foreground));
-}
-
-.an-rich-md-slash-item {
-  width: 100%;
-  min-width: 0;
-  min-height: 44px;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 6px 10px;
-  text-align: start;
-  background: none;
-  border: none;
-  cursor: pointer;
-  color: hsl(var(--foreground));
-  font-size: 13px;
-}
-
-.an-rich-md-slash-item:hover,
-.an-rich-md-slash-item--active {
-  background: hsl(var(--accent));
-}
-
-.an-rich-md-slash-icon {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 28px;
-  height: 28px;
-  border-radius: 4px;
-  border: 1px solid hsl(var(--border));
-  background: hsl(var(--background));
-  font-size: 11px;
-  font-weight: 650;
-  color: hsl(var(--muted-foreground));
-  flex-shrink: 0;
-}
-
-.an-rich-md-slash-copy {
-  display: block;
-  min-width: 0;
-  flex: 1;
-}
-
-.an-rich-md-slash-title {
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-weight: 500;
-  font-size: 13px;
-}
-
-.an-rich-md-slash-description {
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  font-size: 11px;
-  color: hsl(var(--muted-foreground));
-}
-
-/* Shared block-level image node (the editor's `.an-rich-md-image` and the
-   read-only markdown renderer's <img>). Constrained to the prose width and
-   responsive; a still-uploading placeholder (empty src) shows a subtle frame. */
-.an-rich-md-prose img,
-.an-rich-md-image {
-  display: block;
-  max-width: 100%;
-  height: auto;
-  margin: 12px 0;
-  border-radius: 8px;
-}
-
-.an-rich-md-image[src=""],
-.an-rich-md-image:not([src]) {
-  min-height: 64px;
-  background: hsl(var(--muted));
-  border: 1px dashed hsl(var(--border));
-}
-
-.ProseMirror-selectednode.an-rich-md-image {
-  outline: 2px solid hsl(var(--ring));
-  outline-offset: 2px;
-}
+@import "@agent-native/toolkit/editor.css";

package/corpus/core/src/templates/workspace-core/.agents/skills/tracking/SKILL.md

@@ -138,6 +138,25 @@ Attribution parsing is fully defensive and never blocks signup — a missing/mal
 Other framework-level baseline events:
 
 - `session status` from `useSession()`, with `signed_in`
+- `action.response` from the browser action transport, with action name,
+  browser-perceived duration and TTFB, response status/outcome, response size
+  when known, and parsed `Server-Timing` phases for framework readiness and
+  database work. Its `request_id` joins the exact browser and server events.
+  This separates server time from CDN/network/body overhead.
+- `http.response` from Nitro request/response hooks, with normalized path,
+  status, request duration, first-request-in-isolate cold marker, process age,
+  framework readiness wait, deploy/runtime fingerprint, database
+  connection/query counts and timings, retries, timeouts, and failures. It also
+  emits `Server-Timing` for `app`, `startup`, `db`, `db-connect`, and
+  `db-slowest` plus an `X-Agent-Native-Request-Id` correlation header where
+  applicable. Query text and parameters are never captured.
+  Database activity that begins during the first two minutes of process/plugin
+  initialization is reported separately as `startup_db_*` on the first
+  framework request that passes the readiness gate.
+  Slow, cold-isolate, server failures, and 4xx action routes are always
+  retained; fast successful requests default to 10% sampling. Override with
+  `AGENT_NATIVE_HTTP_TELEMETRY_SAMPLE_RATE` on the server and
+  `VITE_AGENT_NATIVE_ACTION_TELEMETRY_SAMPLE_RATE` in the browser.
 - `signup` from Better Auth user creation, with `auth_provider`, `auth_user_id`, and first-touch referral attribution (`referral_source`, `referrer_user`, `referral_medium`, `referral_campaign`, `utm_*`, `first_touch_path`, `landing_referrer` — see "Referral / viral attribution" above)
 - `builder connect clicked` and `builder connect popup blocked` from browser Connect Builder CTAs
 - `builder connect started`, `builder connect succeeded`, `builder connect failed`, `builder disconnect succeeded`, and `builder disconnect failed` from the Builder connection routes, with LLM connection context when resolvable

package/corpus/core/src/testing.ts

@@ -23,4 +23,4 @@ export {
   type DesignConnectBridge,
 } from "./cli/design-connect.js";
 
-export { DragHandle } from "./client/rich-markdown-editor/DragHandle.js";
+export { DragHandle } from "@agent-native/toolkit/editor";

package/corpus/core/src/vite/client.ts

@@ -811,6 +811,9 @@ const TOOLKIT_CLIENT_SUBPATHS = [
   "@agent-native/toolkit",
   "@agent-native/toolkit/app-shell",
   "@agent-native/toolkit/collab-ui",
+  "@agent-native/toolkit/context-ui",
+  "@agent-native/toolkit/design-tweaks",
+  "@agent-native/toolkit/editor",
   "@agent-native/toolkit/hooks",
   "@agent-native/toolkit/onboarding",
   "@agent-native/toolkit/provider",

package/corpus/templates/clips/actions/finalize-recording.ts

@@ -204,7 +204,9 @@ async function verifyServedMediaUrl(videoUrl: string): Promise<number | null> {
       const statusOk = response.status === 200 || response.status === 206;
       if (statusOk) {
         const servedBytes = servedMediaSizeBytes(response);
-        if (await responseHasReadableMediaBytes(response)) {
+        if (servedBytes === null) {
+          lastFailure = "Stored media byte count could not be verified";
+        } else if (await responseHasReadableMediaBytes(response)) {
           // Builder stable video URLs intentionally replace the source object
           // with a smaller compressed generation at the same URL. A positive,
           // readable object is the invariant here; source-byte equality is

package/corpus/templates/clips/actions/set-mobile-capture-state.ts

@@ -6,7 +6,7 @@ export const MOBILE_CAPTURE_STATE_KEY = "mobile-capture-state";
 
 const mobileCaptureStateSchema = z
   .object({
-    view: z.enum(["home", "dictate", "meeting", "video"]),
+    view: z.enum(["home", "dictate", "meeting", "video", "clips"]),
     phase: z.enum([
       "idle",
       "ready",
@@ -15,9 +15,12 @@ const mobileCaptureStateSchema = z
       "saving",
       "processing",
       "review",
+      "browsing",
+      "playing",
       "error",
     ]),
     captureId: z.string().trim().min(1).max(200).optional(),
+    recordingId: z.string().trim().min(1).max(200).optional(),
   })
   .strict();
 

package/corpus/templates/clips/app/components/library/library-layout.tsx

@@ -384,12 +384,7 @@ export function LibraryLayout({ children }: LibraryLayoutProps) {
           ) : (
             <>
               <div className="px-3 py-3">
-                <Button
-                  className="w-full gap-1.5"
-                  variant="outline"
-                  size="sm"
-                  asChild
-                >
+                <Button className="w-full gap-1.5" size="sm" asChild>
                   <NavLink to="/record">
                     <IconPlayerRecord className="h-4 w-4" />
                     {t("navigation.newRecording")}

package/corpus/templates/clips/changelog/2026-07-18-new-recording-is-now-emphasized-as-the-primary-action-in-the.md

@@ -0,0 +1,6 @@
+---
+type: improved
+date: 2026-07-18
+---
+
+New recording is now emphasized as the primary action in the library sidebar.

package/corpus/templates/clips/changelog/2026-07-18-recordings-now-remain-safely-recoverable-until-the-stored-me.md

@@ -0,0 +1,6 @@
+---
+type: fixed
+date: 2026-07-18
+---
+
+Recordings now remain safely recoverable until the stored media size is verified.

package/corpus/templates/content/app/components/editor/VisualEditor.tsx

@@ -1,6 +1,4 @@
 import {
-  createSharedEditorExtensions,
-  useCollabReconcile,
   usePresence,
   useRecentEdits,
   RecentEditHighlights,
@@ -8,8 +6,12 @@ import {
   useT,
   type AttributedRecentEdit,
   type RegistryBlockSideMapBlock,
-  type UseCollabReconcileResult,
 } from "@agent-native/core/client";
+import {
+  createSharedEditorExtensions,
+  useCollabReconcile,
+  type UseCollabReconcileResult,
+} from "@agent-native/toolkit/editor";
 import { canonicalizeNfm, docToNfm, nfmToDoc } from "@shared/nfm";
 import {
   serializeRegistryBlockToMdx,

package/corpus/templates/content/app/components/editor/extensions/DragHandle.tsx

@@ -1,15 +1,15 @@
-import { DragHandle as CoreDragHandle } from "@agent-native/core/client";
+import { DragHandle as ToolkitDragHandle } from "@agent-native/toolkit/editor";
 
 /**
  * Content's drag-handle extension.
  *
- * The implementation now lives in the shared core
- * (`packages/core/src/client/rich-markdown-editor/DragHandle.ts`) so other apps
+ * The implementation lives in Toolkit
+ * (`packages/toolkit/src/editor/DragHandle.ts`) so other apps
  * (e.g. the plan editor) can reuse the same `::` grip + block-selection +
  * drag-to-reorder affordance. This module is a thin re-export configured with
  * Content's wrapper selector so the behavior stays byte-identical and existing
  * imports (`./extensions/DragHandle`) keep working unchanged.
  */
-export const DragHandle = CoreDragHandle.configure({
+export const DragHandle = ToolkitDragHandle.configure({
   wrapperSelector: ".visual-editor-wrapper",
 });