@vertesia/ui 1.5.0-dev.20260717.131047Z → 1.5.0-dev.20260725.083715Z

package/src/session/UserSession.ts

@@ -260,13 +260,15 @@ class UserSession {
             const onboarding = await this.client.account.onboardingProgress();
             this.onboardingComplete = Object.values(onboarding).every((value) => value === true);
             if (previousStatus !== this.onboardingComplete) {
-                return true;
+                this.setSession?.(this.clone());
             }
-            this.setSession?.(this.clone());
+            return previousStatus === false && this.onboardingComplete;
         } catch (error) {
             console.error('Error fetching onboarding status:', error);
             this.onboardingComplete = false;
-            this.setSession?.(this.clone());
+            if (previousStatus !== this.onboardingComplete) {
+                this.setSession?.(this.clone());
+            }
         }
         return false;
     }

package/src/widgets/form/Form.tsx

@@ -184,7 +184,7 @@ function ListItem({ list, object, onDelete, disabled }: ListItemProps) {
     return (
         <div className="flex gap-2 w-full">
             <div className="flex-1">{renderItemProperty(object, editor)}</div>
-            <Button variant="ghost" onClick={onDelete} disabled={disabled} alt="Delete">
+            <Button variant="ghost" onClick={onDelete} disabled={disabled} title="Delete">
                 <Trash2 className="size-4 text-destructive" />
             </Button>
         </div>

package/src/widgets/json-view/JSONSwitcher.tsx

@@ -14,7 +14,7 @@ export function JSONSwitcher({
             <Button
                 variant={viewCode ? 'ghost' : 'primary'}
                 size="sm"
-                alt="Preview properties"
+                title="Preview properties"
                 onClick={() => setViewCode(false)}
             >
                 {title}
@@ -22,7 +22,7 @@ export function JSONSwitcher({
             <Button
                 variant={viewCode ? 'primary' : 'ghost'}
                 size="sm"
-                alt="View in JSON format"
+                title="View in JSON format"
                 onClick={() => setViewCode(true)}
             >
                 JSON

package/src/widgets/json-view/JSONView.tsx

@@ -35,7 +35,7 @@ interface PropertyTitleProps {
     name: string;
 }
 function PropertyTitle({ name }: PropertyTitleProps) {
-    return <div className="text-md font-semibold">{computeTitleFromName(name)}</div>;
+    return <div className="text-sm font-semibold">{computeTitleFromName(name)}</div>;
 }
 
 interface BlockElementProps {
@@ -64,14 +64,14 @@ function PropertyElement({ name, value }: PropertyElementProps) {
     switch (info.type) {
         case ValueType.Inline:
             return (
-                <div className="w-full flex gap-2">
+                <div className="w-full flex gap-2 text-sm">
                     <PropertyTitle name={`${name}:`} />
                     <p>{info.value}</p>
                 </div>
             );
         case ValueType.Paragraph:
             return (
-                <div>
+                <div className="w-full flex flex-col gap-2 text-sm">
                     <PropertyTitle name={name} />
                     <p>{info.value}</p>
                 </div>
@@ -80,14 +80,14 @@ function PropertyElement({ name, value }: PropertyElementProps) {
             return (
                 <div className="prose dark:prose-invert">
                     <PropertyTitle name={name} />
-                    <div className="vprose dark:prose-invert">{info.value}</div>
+                    <div className="vprose prose-sm dark:prose-invert">{info.value}</div>
                 </div>
             );
         case ValueType.Array:
             return <ArrayProperty name={name} value={value as JSONArray} />;
         case ValueType.Object:
             return (
-                <div>
+                <div className="w-full flex flex-col gap-2 text-sm">
                     <PropertyTitle name={name} />
                     <BlockElement className="mt-2">
                         {Object.entries(value as JSONObject).map(([key, value]) => (
@@ -164,8 +164,8 @@ function ItemProperty({ index, value, useBullet }: ItemPropertyProps) {
             break;
     }
     return (
-        <div className="flex gap-4 hover:bg-slate-50 dark:hover:bg-slate-800 py-2 pe-2 ps-4">
-            <div className="font-semibold text-gray-600 dark:text-gray-400">{bullet}</div>
+        <div className="flex gap-4 hover:bg-muted py-2 pe-2 ps-4">
+            <div className="font-semibold text-muted">{bullet}</div>
             <div>{content}</div>
         </div>
     );

package/src/widgets/markdown/AgentResourceResolver.test.ts

@@ -0,0 +1,24 @@
+import { describe, expect, it } from 'vitest';
+import { parseAgentResourceHref } from './AgentResourceResolver';
+
+describe('parseAgentResourceHref', () => {
+    it.each([
+        ['store:doc-1', 'document', 'doc-1'],
+        ['document://doc-1', 'document', 'doc-1'],
+        ['collection:col-1', 'collection', 'col-1'],
+        ['interaction:int-1', 'interaction', 'int-1'],
+        ['prompt:prompt-1', 'prompt', 'prompt-1'],
+        ['agent:agent-1', 'agent', 'agent-1'],
+        ['workflow:workflow-1', 'workflow', 'workflow-1'],
+        ['process:process-1', 'process', 'process-1'],
+        ['run:run-1', 'interaction_run', 'run-1'],
+    ] as const)('maps %s to a resource reference', (rawHref, type, id) => {
+        expect(parseAgentResourceHref(rawHref)).toEqual({ type, id });
+    });
+
+    it('returns undefined for standard, file, and empty resource URLs', () => {
+        expect(parseAgentResourceHref('https://example.com')).toBeUndefined();
+        expect(parseAgentResourceHref('artifact:report.pdf')).toBeUndefined();
+        expect(parseAgentResourceHref('store:')).toBeUndefined();
+    });
+});

package/src/widgets/markdown/AgentResourceResolver.tsx

@@ -0,0 +1,70 @@
+import type { AgentResourceAction, AgentResourceType } from '@vertesia/common';
+import { createContext, useContext } from 'react';
+
+/** Resource identity accepted by link resolvers from either structured tool metadata or Markdown. */
+export interface AgentResourceLinkReference {
+    type: AgentResourceType;
+    id: string;
+    label?: string;
+    action?: AgentResourceAction;
+    revision_id?: string;
+}
+
+export type AgentResourceTarget =
+    | { kind: 'navigate'; href: string }
+    | { kind: 'activate'; onActivate: () => void }
+    | { kind: 'none' };
+
+export interface ResourceResolveContext {
+    workflowRunId?: string;
+    source: 'structured' | 'markdown';
+    /** Original custom-scheme URL when the reference came from Markdown. */
+    rawHref?: string;
+}
+
+export type AgentResourceResolver = (
+    ref: AgentResourceLinkReference,
+    context: ResourceResolveContext,
+) => AgentResourceTarget;
+
+const unresolvedAgentResourceResolver: AgentResourceResolver = () => ({ kind: 'none' });
+const AgentResourceResolverContext = createContext<AgentResourceResolver>(unresolvedAgentResourceResolver);
+
+/** Supplies host-specific navigation for reusable chat and Markdown components. */
+export const AgentResourceResolverProvider = AgentResourceResolverContext.Provider;
+
+export function useAgentResourceResolver(): AgentResourceResolver {
+    return useContext(AgentResourceResolverContext);
+}
+
+const RESOURCE_SCHEME_TYPES = {
+    store: 'document',
+    document: 'document',
+    collection: 'collection',
+    interaction: 'interaction',
+    prompt: 'prompt',
+    agent: 'agent',
+    workflow: 'workflow',
+    process: 'process',
+    run: 'interaction_run',
+} as const satisfies Record<string, AgentResourceType>;
+
+/** Converts a supported agent Markdown scheme into the same resource identity used by tool metadata. */
+export function parseAgentResourceHref(rawHref: string): AgentResourceLinkReference | undefined {
+    const colonIndex = rawHref.indexOf(':');
+    if (colonIndex <= 0) return undefined;
+
+    const scheme = rawHref.slice(0, colonIndex);
+    if (!Object.hasOwn(RESOURCE_SCHEME_TYPES, scheme)) return undefined;
+
+    const id = rawHref
+        .slice(colonIndex + 1)
+        .trim()
+        .replace(/^\/+/, '');
+    if (!id) return undefined;
+
+    return {
+        type: RESOURCE_SCHEME_TYPES[scheme as keyof typeof RESOURCE_SCHEME_TYPES],
+        id,
+    };
+}