@agent-native/core 0.76.5 → 0.76.6

package/corpus/core/src/client/org/TeamPage.tsx

@@ -45,6 +45,7 @@ import {
   TooltipProvider,
   TooltipTrigger,
 } from "../components/ui/tooltip.js";
+import { useT } from "../i18n.js";
 
 export interface TeamPageProps {
   /**
@@ -86,6 +87,7 @@ function ErrorText({ error }: { error: unknown }) {
 }
 
 function PendingInvitationsCard() {
+  const t = useT();
   const { data: org } = useOrg();
   const acceptInvitation = useAcceptInvitation();
 
@@ -93,7 +95,7 @@ function PendingInvitationsCard() {
 
   return (
     <section className="rounded-lg border border-border bg-card p-4 space-y-3">
-      <h3 className="text-sm font-medium">Pending Invitations</h3>
+      <h3 className="text-sm font-medium">{t("org.pendingInvitations")}</h3>
       {org.pendingInvitations.map((inv) => (
         <div
           key={inv.id}
@@ -102,7 +104,7 @@ function PendingInvitationsCard() {
           <div>
             <div className="text-sm font-medium">{inv.orgName}</div>
             <div className="text-xs text-muted-foreground">
-              Invited by {inv.invitedBy}
+              {t("org.invitedByLabel", { name: inv.invitedBy })}
             </div>
           </div>
           <button
@@ -114,7 +116,7 @@ function PendingInvitationsCard() {
             {acceptInvitation.isPending ? (
               <IconLoader2 className="h-3.5 w-3.5 animate-spin" />
             ) : (
-              "Accept"
+              t("org.accept")
             )}
           </button>
         </div>
@@ -125,16 +127,17 @@ function PendingInvitationsCard() {
 }
 
 function JoinByDomainCard({ matches }: { matches: DomainMatchOrg[] }) {
+  const t = useT();
   const joinByDomain = useJoinByDomain();
   const [pendingId, setPendingId] = useState<string | null>(null);
 
   return (
     <section className="rounded-lg border border-border bg-card p-4 space-y-3">
-      <h3 className="text-sm font-medium">Join your team</h3>
+      <h3 className="text-sm font-medium">{t("org.joinYourTeam")}</h3>
       <p className="text-sm text-muted-foreground">
         {matches.length === 1
-          ? `An organization matching your email domain already exists. Join it to collaborate with your teammates.`
-          : `Organizations matching your email domain already exist. Join one to collaborate with your teammates.`}
+          ? t("org.joinDomainOne")
+          : t("org.joinDomainMany")}
       </p>
       <div className="space-y-2">
         {matches.map((m) => (
@@ -162,7 +165,7 @@ function JoinByDomainCard({ matches }: { matches: DomainMatchOrg[] }) {
               {joinByDomain.isPending && pendingId === m.orgId ? (
                 <IconLoader2 className="h-3.5 w-3.5 animate-spin" />
               ) : (
-                "Join"
+                t("org.join")
               )}
             </button>
           </div>
@@ -174,15 +177,16 @@ function JoinByDomainCard({ matches }: { matches: DomainMatchOrg[] }) {
 }
 
 function CreateOrgCard({ description }: { description?: string }) {
+  const t = useT();
   const createOrg = useCreateOrg();
   const [name, setName] = useState("");
   const [showForm, setShowForm] = useState(false);
 
   return (
     <section className="rounded-lg border border-border bg-card p-4 space-y-3">
-      <h3 className="text-sm font-medium">Create an Organization</h3>
+      <h3 className="text-sm font-medium">{t("org.createOrgCardTitle")}</h3>
       <p className="text-sm text-muted-foreground">
-        {description || "Set up a team to collaborate with your colleagues."}
+        {description || t("org.createOrgCardDescription")}
       </p>
       {!showForm ? (
         <button
@@ -190,7 +194,7 @@ function CreateOrgCard({ description }: { description?: string }) {
           onClick={() => setShowForm(true)}
           className="rounded-md bg-foreground px-3 py-1.5 text-xs font-medium text-background hover:opacity-90"
         >
-          Create organization
+          {t("org.createOrganization")}
         </button>
       ) : (
         <div className="space-y-2">
@@ -219,7 +223,7 @@ function CreateOrgCard({ description }: { description?: string }) {
               {createOrg.isPending ? (
                 <IconLoader2 className="h-3.5 w-3.5 animate-spin" />
               ) : (
-                "Create"
+                t("org.create")
               )}
             </button>
             <button
@@ -230,7 +234,7 @@ function CreateOrgCard({ description }: { description?: string }) {
               }}
               className="rounded-md border border-border px-3 py-1.5 text-xs font-medium text-muted-foreground hover:text-foreground"
             >
-              Cancel
+              {t("org.cancel")}
             </button>
           </div>
           <ErrorText error={createOrg.error} />
@@ -292,6 +296,7 @@ function OrgNameDisplay({ name, canEdit }: { name: string; canEdit: boolean }) {
 }
 
 function MembersCard() {
+  const t = useT();
   const { data: org } = useOrg();
   const { data: membersData, isLoading: isLoadingMembers } = useOrgMembers();
   const { data: invitationsData } = useOrgInvitations();
@@ -318,8 +323,8 @@ function MembersCard() {
           <div>
             <OrgNameDisplay name={org.orgName ?? ""} canEdit={isOwnerOrAdmin} />
             <div className="text-xs text-muted-foreground">
-              {members.length} member{members.length !== 1 ? "s" : ""} · You are{" "}
-              {org.role}
+              {t("org.memberCount", { count: members.length })} ·{" "}
+              {t("org.youAreRole", { role: org.role })}
             </div>
           </div>
         </div>
@@ -341,7 +346,7 @@ function MembersCard() {
 
       <div className="border-t border-border pt-3 space-y-1">
         <div className="text-xs font-medium text-muted-foreground uppercase tracking-wide mb-2">
-          Members
+          {t("org.members")}
         </div>
         {isLoadingMembers && members.length === 0 && (
           <>
@@ -432,6 +437,7 @@ function MemberRow({
   isCurrentUser: boolean;
   currentUserRole: string | null;
 }) {
+  const t = useT();
   const removeMember = useRemoveMember();
   const changeRole = useChangeMemberRole();
   const [editing, setEditing] = useState(false);
@@ -453,12 +459,12 @@ function MemberRow({
         <RoleIcon role={role} />
         {isCurrentUser && (
           <span className="rounded border border-border px-1.5 py-0.5 text-[10px] text-muted-foreground">
-            You
+            {t("org.you")}
           </span>
         )}
         {role === "admin" && (
           <span className="rounded border border-border px-1.5 py-0.5 text-[10px] text-blue-600">
-            Admin
+            {t("org.admin")}
           </span>
         )}
       </div>
@@ -483,8 +489,8 @@ function MemberRow({
               disabled={changeRole.isPending}
               className="rounded-md border border-border bg-background px-1.5 py-0.5 text-[11px]"
             >
-              <option value="member">Member</option>
-              <option value="admin">Admin</option>
+              <option value="member">{t("org.member")}</option>
+              <option value="admin">{t("org.admin")}</option>
             </select>
           ) : (
             <Tooltip>
@@ -497,7 +503,7 @@ function MemberRow({
                   <IconPencil className="h-3.5 w-3.5" />
                 </button>
               </TooltipTrigger>
-              <TooltipContent>Change role</TooltipContent>
+              <TooltipContent>{t("org.changeRole")}</TooltipContent>
             </Tooltip>
           )}
           {confirmingRemove ? (
@@ -507,7 +513,7 @@ function MemberRow({
                 onClick={() => setConfirmingRemove(false)}
                 className="rounded px-1.5 py-0.5 text-[11px] text-muted-foreground hover:bg-accent hover:text-foreground"
               >
-                Cancel
+                {t("org.cancel")}
               </button>
               <button
                 type="button"
@@ -519,7 +525,7 @@ function MemberRow({
                 }
                 className="rounded bg-red-500 px-1.5 py-0.5 text-[11px] text-white hover:bg-red-600 disabled:opacity-50"
               >
-                Remove
+                {t("org.remove")}
               </button>
             </div>
           ) : (
@@ -534,7 +540,7 @@ function MemberRow({
                   <IconTrash className="h-3.5 w-3.5" />
                 </button>
               </TooltipTrigger>
-              <TooltipContent>Remove member</TooltipContent>
+              <TooltipContent>{t("org.removeMember")}</TooltipContent>
             </Tooltip>
           )}
         </div>
@@ -1252,19 +1258,24 @@ function A2ASecretSection({ secret }: { secret: string | null | undefined }) {
  */
 export function TeamPage({
   layout,
-  title = "Team",
+  title,
   createOrgDescription,
   className,
 }: TeamPageProps) {
+  const t = useT();
   const { data: org, isLoading } = useOrg();
 
   const content = (
     <div className={`space-y-6 max-w-2xl ${className ?? ""}`}>
-      <h2 className="text-2xl font-bold tracking-tight">{title}</h2>
+      <h2 className="text-2xl font-bold tracking-tight">
+        {title ?? t("org.team")}
+      </h2>
 
       {isLoading && (
         <section className="rounded-lg border border-border bg-card p-6">
-          <div className="text-sm text-muted-foreground">Loading…</div>
+          <div className="text-sm text-muted-foreground">
+            {t("org.loading")}
+          </div>
         </section>
       )}
 

package/corpus/core/src/client/progress/RunsTray.tsx

@@ -11,6 +11,7 @@ import {
   IconX,
 } from "@tabler/icons-react";
 import { usePausingInterval } from "../use-pausing-interval.js";
+import { useFormatters, useT } from "../i18n.js";
 import type { AgentRun, ProgressStatus } from "../../progress/types.js";
 import { cn } from "../utils.js";
 import {
@@ -72,6 +73,7 @@ function useRunsTrayState({
   RunsTrayProps,
   "pollMs" | "limit" | "hideWhenIdle" | "showRecent"
 >): RunsTrayState {
+  const t = useT();
   const [runs, setRuns] = useState<AgentRunDto[]>([]);
   const includeRecent = showRecent ?? !hideWhenIdle;
 
@@ -153,12 +155,12 @@ function useRunsTrayState({
   );
   const triggerLabel =
     activeCount > 0
-      ? `${activeCount} active run${activeCount > 1 ? "s" : ""}`
+      ? t("runsTray.activeRun", { count: activeCount })
       : failedCount > 0
-        ? `${failedCount} failed run${failedCount > 1 ? "s" : ""}`
+        ? t("runsTray.failedRun", { count: failedCount })
         : hasRuns
-          ? "Recent runs"
-          : "No recent runs";
+          ? t("runsTray.recentRuns")
+          : t("runsTray.noRecentRuns");
   const TriggerIcon =
     activeCount > 0
       ? IconLoader2
@@ -203,6 +205,7 @@ export function RunsTray({
   align = "end",
   className,
 }: RunsTrayProps) {
+  const t = useT();
   const [open, setOpen] = useState(false);
   const {
     runs,
@@ -249,7 +252,7 @@ export function RunsTray({
                   aria-hidden
                 />
                 {triggerVariant === "pill" ? (
-                  <span className="leading-none">Runs</span>
+                  <span className="leading-none">{t("runsTray.runs")}</span>
                 ) : null}
                 {activeCount > 0 ? (
                   <span
@@ -311,6 +314,7 @@ export function RunsTrayMenuItem({
   RunsTrayProps,
   "pollMs" | "limit" | "hideWhenIdle" | "showRecent" | "onOpenThread"
 >) {
+  const t = useT();
   const [submenuOpen, setSubmenuOpen] = useState(false);
   const {
     runs,
@@ -335,7 +339,7 @@ export function RunsTrayMenuItem({
   return (
     <DropdownMenuSub open={submenuOpen} onOpenChange={setSubmenuOpen}>
       <DropdownMenuSubTrigger
-        aria-label={`Agent runs, ${triggerLabel}`}
+        aria-label={t("runsTray.ariaAgentRuns", { label: triggerLabel })}
         className="cursor-pointer gap-2"
         onClick={(event) => {
           event.preventDefault();
@@ -353,7 +357,9 @@ export function RunsTrayMenuItem({
           className={cn(triggerTone, activeCount > 0 && "animate-spin")}
           aria-hidden
         />
-        <span className="min-w-0 flex-1 truncate">Agent runs</span>
+        <span className="min-w-0 flex-1 truncate">
+          {t("runsTray.agentRuns")}
+        </span>
         {activeCount > 0 ? (
           <span
             aria-label={triggerLabel}
@@ -405,16 +411,24 @@ function RunsTrayContent({
   onStop: (runId: string) => void;
   onOpenThread?: (threadId: string, run: AgentRunDto) => void;
 }) {
+  const t = useT();
   return (
     <>
       <div className="border-b border-border px-3 py-2">
-        <div className="text-sm font-medium text-foreground">Agent runs</div>
+        <div className="text-sm font-medium text-foreground">
+          {t("runsTray.agentRuns")}
+        </div>
         <div className="mt-0.5 text-[11px] text-muted-foreground">
           {activeCount > 0
-            ? `${activeCount} running${terminalCount > 0 ? ` · ${terminalCount} recent` : ""}`
+            ? terminalCount > 0
+              ? t("runsTray.summaryRunningRecent", {
+                  activeCount,
+                  terminalCount,
+                })
+              : t("runsTray.summaryRunning", { activeCount })
             : hasRuns
-              ? `${runs.length} recent run${runs.length > 1 ? "s" : ""}`
-              : "No tracked work yet"}
+              ? t("runsTray.summaryRecent", { count: runs.length })
+              : t("runsTray.noTrackedWorkYet")}
         </div>
       </div>
       {hasRuns ? (
@@ -437,11 +451,10 @@ function RunsTrayContent({
             aria-hidden
           />
           <div className="mt-2 text-sm font-medium text-foreground">
-            No recent runs
+            {t("runsTray.noRecentRuns")}
           </div>
           <p className="mt-1 text-xs leading-relaxed text-muted-foreground">
-            Background agent work will appear here while it runs and after it
-            finishes.
+            {t("runsTray.emptyDescription")}
           </p>
         </div>
       )}
@@ -465,21 +478,39 @@ function getRunThreadId(run: AgentRunDto): string | undefined {
   return match?.[1] ? decodeURIComponent(match[1]) : undefined;
 }
 
-function formatRunTime(run: AgentRunDto): string {
+function formatRunTime(
+  run: AgentRunDto,
+  t: ReturnType<typeof useT>,
+  formatDate: ReturnType<typeof useFormatters>["formatDate"],
+): string {
   const when = run.completedAt ?? run.updatedAt ?? run.startedAt;
   const timestamp = Date.parse(when);
   if (!Number.isFinite(timestamp)) return "";
   const diffMs = Date.now() - timestamp;
-  const prefix = run.status === "running" ? "Updated" : "Finished";
-  if (diffMs < 30_000) return `${prefix} just now`;
+  const isRunning = run.status === "running";
+  if (diffMs < 30_000) {
+    return t(
+      isRunning ? "runsTray.updatedJustNow" : "runsTray.finishedJustNow",
+    );
+  }
   const minutes = Math.floor(diffMs / 60_000);
-  if (minutes < 60) return `${prefix} ${minutes}m ago`;
+  if (minutes < 60) {
+    return t(
+      isRunning ? "runsTray.updatedMinutes" : "runsTray.finishedMinutes",
+      {
+        count: minutes,
+      },
+    );
+  }
   const hours = Math.floor(minutes / 60);
-  if (hours < 24) return `${prefix} ${hours}h ago`;
-  return `${prefix} ${new Date(timestamp).toLocaleDateString([], {
-    month: "short",
-    day: "numeric",
-  })}`;
+  if (hours < 24) {
+    return t(isRunning ? "runsTray.updatedHours" : "runsTray.finishedHours", {
+      count: hours,
+    });
+  }
+  return t(isRunning ? "runsTray.updatedDate" : "runsTray.finishedDate", {
+    date: formatDate(timestamp, { month: "short", day: "numeric" }),
+  });
 }
 
 function isAgentTeamRun(run: AgentRunDto): boolean {
@@ -501,6 +532,8 @@ function RunRow({
   onStop: (runId: string) => void;
   onOpenThread?: (threadId: string, run: AgentRunDto) => void;
 }) {
+  const t = useT();
+  const { formatDate } = useFormatters();
   const threadId = getRunThreadId(run);
   const isRunning = run.status === "running";
   const canStop = isRunning && isAgentTeamRun(run);
@@ -541,7 +574,7 @@ function RunRow({
       ) : null}
       <div className="flex items-center justify-between gap-2">
         <span className="min-w-0 truncate text-[10px] text-muted-foreground/70">
-          {formatRunTime(run)}
+          {formatRunTime(run, t, formatDate)}
         </span>
         <div className="flex shrink-0 items-center gap-1">
           {threadId && onOpenThread ? (
@@ -550,14 +583,14 @@ function RunRow({
               className="inline-flex h-6 items-center gap-1 rounded px-1.5 text-[11px] font-medium text-muted-foreground hover:bg-accent/60 hover:text-foreground"
               onClick={() => onOpenThread(threadId, run)}
             >
-              Open
+              {t("runsTray.open")}
               <IconExternalLink size={12} aria-hidden />
             </button>
           ) : null}
           {canStop ? (
             <button
               type="button"
-              aria-label={`Stop ${run.title}`}
+              aria-label={t("runsTray.stopRun", { title: run.title })}
               className="inline-flex h-6 w-6 cursor-pointer items-center justify-center rounded text-muted-foreground hover:bg-accent/60 hover:text-destructive"
               onClick={() => onStop(run.id)}
             >
@@ -567,7 +600,7 @@ function RunRow({
           {!isRunning ? (
             <button
               type="button"
-              aria-label={`Hide ${run.title}`}
+              aria-label={t("runsTray.hideRun", { title: run.title })}
               className="inline-flex h-6 w-6 cursor-pointer items-center justify-center rounded text-muted-foreground hover:bg-accent/60 hover:text-foreground"
               onClick={() => onDismiss(run.id)}
             >
@@ -580,11 +613,11 @@ function RunRow({
   );
 }
 
-const STATUS_COPY: Record<ProgressStatus, string> = {
-  running: "Running",
-  succeeded: "Done",
-  failed: "Failed",
-  cancelled: "Stopped",
+const STATUS_COPY_KEYS: Record<ProgressStatus, string> = {
+  running: "runsTray.statusRunning",
+  succeeded: "runsTray.statusDone",
+  failed: "runsTray.statusFailed",
+  cancelled: "runsTray.statusStopped",
 };
 
 const STATUS_PILL_STYLES: Record<ProgressStatus, string> = {
@@ -595,6 +628,7 @@ const STATUS_PILL_STYLES: Record<ProgressStatus, string> = {
 };
 
 function StatusPill({ status }: { status: ProgressStatus }) {
+  const t = useT();
   const { Icon, className } = STATUS_GLYPHS[status];
   const spinClass = status === "running" ? " animate-spin" : "";
   return (
@@ -605,7 +639,7 @@ function StatusPill({ status }: { status: ProgressStatus }) {
       )}
     >
       <Icon size={12} className={`${className}${spinClass}`} aria-hidden />
-      {STATUS_COPY[status]}
+      {t(STATUS_COPY_KEYS[status])}
     </span>
   );
 }

package/corpus/core/src/extensions/routes.ts

@@ -58,7 +58,7 @@ import {
   isBlockedExtensionUrlWithDns,
 } from "./url-safety.js";
 import { ForbiddenError, resolveAccess } from "../sharing/access.js";
-import type { ShareRole } from "../sharing/schema.js";
+import { ROLE_RANK, type ShareRole } from "../sharing/schema.js";
 
 export function createExtensionsHandler() {
   return defineEventHandler(async (event: H3Event) => {
@@ -464,14 +464,9 @@ async function handleExtensionDataList(
   userEmail: string,
 ): Promise<unknown> {
   await ensureExtensionsTables();
-  const extension = await getExtension(extensionId);
-  const localExtension = extension
-    ? null
-    : await getLocalExtension(extensionId);
-  if (!extension && !localExtension) {
-    setResponseStatus(event, 404);
-    return { error: "Extension not found" };
-  }
+  const access = await requireExtensionDataAccess(event, extensionId, "viewer");
+  if (!access.ok) return access.response;
+
   const client = getDbExec();
   const url = event.url;
   const limitParam = url?.searchParams?.get("limit");
@@ -528,14 +523,9 @@ async function handleExtensionDataUpsert(
   userEmail: string,
 ): Promise<unknown> {
   await ensureExtensionsTables();
-  const extension = await getExtension(extensionId);
-  const localExtension = extension
-    ? null
-    : await getLocalExtension(extensionId);
-  if (!extension && !localExtension) {
-    setResponseStatus(event, 404);
-    return { error: "Extension not found" };
-  }
+  const access = await requireExtensionDataAccess(event, extensionId, "editor");
+  if (!access.ok) return access.response;
+
   const body = await readBody(event);
   if (body.data === undefined) {
     setResponseStatus(event, 400);
@@ -601,14 +591,9 @@ async function handleExtensionDataDelete(
   userEmail: string,
 ): Promise<unknown> {
   await ensureExtensionsTables();
-  const extension = await getExtension(extensionId);
-  const localExtension = extension
-    ? null
-    : await getLocalExtension(extensionId);
-  if (!extension && !localExtension) {
-    setResponseStatus(event, 404);
-    return { error: "Extension not found" };
-  }
+  const access = await requireExtensionDataAccess(event, extensionId, "editor");
+  if (!access.ok) return access.response;
+
   const url = event.url;
   const scope = url?.searchParams?.get("scope") || "user";
   const orgId = getRequestOrgId();
@@ -633,6 +618,41 @@ async function handleExtensionDataDelete(
   return { ok: true };
 }
 
+async function requireExtensionDataAccess(
+  event: H3Event,
+  extensionId: string,
+  minRole: ShareRole,
+): Promise<{ ok: true } | { ok: false; response: unknown }> {
+  const access = await resolveAccess("extension", extensionId);
+  if (access) {
+    if (ROLE_RANK[access.role] < ROLE_RANK[minRole]) {
+      setResponseStatus(event, 403);
+      return {
+        ok: false,
+        response: {
+          error: `Requires ${minRole} role on extension ${extensionId} (have ${access.role})`,
+        },
+      };
+    }
+    return { ok: true };
+  }
+
+  const localExtension = await getLocalExtension(extensionId);
+  if (localExtension) {
+    if (!localExtension.source.permissions.extensionData) {
+      setResponseStatus(event, 403);
+      return {
+        ok: false,
+        response: { error: "extensionData is disabled for this extension" },
+      };
+    }
+    return { ok: true };
+  }
+
+  setResponseStatus(event, 404);
+  return { ok: false, response: { error: "Extension not found" } };
+}
+
 async function handleProxy(
   event: H3Event,
   userEmail: string,