@agent-native/core 0.90.2 → 0.90.4

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

@@ -5,7 +5,6 @@ import {
   IconBrain,
   IconBrandJira,
   IconBrush,
-  IconBuilding,
   IconCalendar,
   IconCalendarTime,
   IconChartBar,
@@ -33,6 +32,7 @@ import {
   IconUser,
   IconUserPlus,
   IconUsers,
+  IconUsersGroup,
   IconWorld,
 } from "@tabler/icons-react";
 import { useState } from "react";
@@ -285,7 +285,7 @@ function OrgSwitcherLoadingPlaceholder({ className }: { className?: string }) {
       aria-label="Loading organization"
       className={`${SWITCHER_BUTTON_CLASS} animate-pulse ${className ?? ""}`}
     >
-      <IconBuilding className="h-3.5 w-3.5 shrink-0 opacity-60" />
+      <IconUsersGroup className="h-3.5 w-3.5 shrink-0 opacity-60" />
       <span className="h-3 min-w-0 flex-1 rounded-sm bg-muted-foreground/20" />
       <IconSelector className="h-3 w-3 shrink-0 opacity-30" />
     </button>
@@ -376,7 +376,7 @@ export function OrgSwitcher({
   const personalLabel = personalLabelFromEmail(org.email);
   const inOrg = !!org.orgId;
   const buttonLabel = org.orgName ?? "Personal";
-  const ButtonIcon = inOrg ? IconBuilding : IconUser;
+  const ButtonIcon = inOrg ? IconUsersGroup : IconUser;
   const organizationSettingsHref = settingsPath
     ? organizationSettingsPath(settingsPath)
     : null;
@@ -440,7 +440,7 @@ export function OrgSwitcher({
                   disabled={switchOrg.isPending}
                   className={`${ITEM_CLASS} cursor-pointer`}
                 >
-                  <IconBuilding className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
+                  <IconUsersGroup className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
                   <span className="truncate flex-1 text-start">
                     {o.orgName}
                   </span>
@@ -459,7 +459,7 @@ export function OrgSwitcher({
                       key={inv.id}
                       className="flex items-center gap-2 px-2.5 py-1.5 text-xs"
                     >
-                      <IconBuilding className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
+                      <IconUsersGroup className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
                       <span className="truncate flex-1 text-foreground">
                         {inv.orgName}
                       </span>
@@ -501,7 +501,7 @@ export function OrgSwitcher({
                         key={match.orgId}
                         className="flex items-center gap-2 px-2.5 py-1.5 text-xs"
                       >
-                        <IconBuilding className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
+                        <IconUsersGroup className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
                         <span className="truncate flex-1 text-foreground">
                           {match.orgName}
                         </span>

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

@@ -1,9 +1,9 @@
 import {
   IconAlertTriangle,
-  IconBuilding,
   IconLoader2,
   IconUserPlus,
   IconAt,
+  IconUsersGroup,
 } from "@tabler/icons-react";
 import { ReactNode, useState } from "react";
 
@@ -177,7 +177,7 @@ function CreateOrgPane({
     >
       <div className="my-auto w-full max-w-md rounded-2xl border border-border bg-card p-8 shadow-lg">
         <div className="mb-6 flex items-center gap-2">
-          <IconBuilding className="h-5 w-5 text-muted-foreground" />
+          <IconUsersGroup className="h-5 w-5 text-muted-foreground" />
           <h1 className="text-lg font-semibold">{title}</h1>
         </div>
         <p className="mb-6 text-sm text-muted-foreground">{description}</p>

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

@@ -1,5 +1,4 @@
 import {
-  IconBuilding,
   IconUserPlus,
   IconTrash,
   IconCrown,
@@ -18,6 +17,7 @@ import {
   IconFileImport,
   IconPlus,
   IconAlertTriangle,
+  IconUsersGroup,
 } from "@tabler/icons-react";
 import { useMemo, useRef, useState, type ReactNode } from "react";
 
@@ -153,7 +153,7 @@ function JoinByDomainCard({ matches }: { matches: DomainMatchOrg[] }) {
           >
             <div className="flex items-center gap-2.5">
               <div className="flex h-8 w-8 items-center justify-center rounded-md bg-blue-600/10">
-                <IconBuilding className="h-4 w-4 text-blue-600" />
+                <IconUsersGroup className="h-4 w-4 text-blue-600" />
               </div>
               <div className="text-sm font-medium">{m.orgName}</div>
             </div>
@@ -324,7 +324,7 @@ function MembersCard() {
       <div className="flex items-center justify-between">
         <div className="flex items-center gap-3">
           <div className="flex h-9 w-9 items-center justify-center rounded-lg bg-blue-600/10">
-            <IconBuilding className="h-5 w-5 text-blue-600" />
+            <IconUsersGroup className="h-5 w-5 text-blue-600" />
           </div>
           <div>
             <OrgNameDisplay name={org.orgName ?? ""} canEdit={isOwnerOrAdmin} />

package/corpus/core/src/client/org/hooks.ts

@@ -1,9 +1,15 @@
 import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
 
+import {
+  canInviteOrgMembers,
+  canManageOrg,
+  canManageOrgDomain,
+} from "../../org/permissions.js";
 import type {
   OrgInfo,
   OrgMember,
   OrgPendingInvitation,
+  OrgRole,
 } from "../../org/types.js";
 import { agentNativePath } from "../api-path.js";
 
@@ -48,6 +54,32 @@ export function useOrg() {
   });
 }
 
+export interface UseOrgRoleResult {
+  org: OrgInfo | undefined;
+  role: OrgRole | null;
+  isOwner: boolean;
+  canManageOrg: boolean;
+  canInviteMembers: boolean;
+  canManageDomain: boolean;
+  isLoading: boolean;
+  error: Error | null;
+}
+
+export function useOrgRole(): UseOrgRoleResult {
+  const query = useOrg();
+  const role = query.data?.role ?? null;
+  return {
+    org: query.data,
+    role,
+    isOwner: role === "owner",
+    canManageOrg: canManageOrg(role),
+    canInviteMembers: canInviteOrgMembers(role),
+    canManageDomain: canManageOrgDomain(role),
+    isLoading: query.isLoading,
+    error: query.error,
+  };
+}
+
 export function useOrgMembers() {
   // Scope the cache by active orgId so switching or creating an org forces a
   // fresh fetch rather than briefly showing the previous org's members.

package/corpus/core/src/client/org/index.ts

@@ -14,9 +14,18 @@ export {
   useSwitchOrg,
   useJoinByDomain,
   useSetOrgDomain,
+  useSetA2ASecret,
+  useSyncA2ASecret,
+  useOrgRole,
 } from "./hooks.js";
 
-export type { InviteRole, InviteVars, BulkInviteResult } from "./hooks.js";
+export type {
+  InviteRole,
+  InviteVars,
+  BulkInviteResult,
+  SyncA2ASecretResult,
+  UseOrgRoleResult,
+} from "./hooks.js";
 
 export { OrgSwitcher, type OrgSwitcherProps } from "./OrgSwitcher.js";
 export {
@@ -28,6 +37,26 @@ export {
   RequireActiveOrg,
   type RequireActiveOrgProps,
 } from "./RequireActiveOrg.js";
+export {
+  defaultOrgAppLinks,
+  dispatchAppsHref,
+  dispatchOverviewHref,
+  isWorkspaceAppEnvironment,
+  parseWorkspaceAppLinks,
+  parseWorkspaceAppLinksJson,
+  visibleOrgAppLinks,
+  ORG_SWITCHER_MAX_APP_LINKS,
+  type OrgSwitcherAppLink,
+  type UseOrgSwitcherAppLinksResult,
+  type VisibleOrgAppLinks,
+} from "./workspace-app-links.js";
+export {
+  canInviteOrgMembers,
+  canManageOrg,
+  canManageOrgDomain,
+  orgRoleAtLeast,
+  orgRoleRank,
+} from "../../org/permissions.js";
 
 // Re-export the shared types so consumers can import them from one place.
 export type {

package/corpus/core/src/client/org-team/index.ts

@@ -0,0 +1 @@
+export * from "../org/index.js";

package/corpus/core/src/client/review/ReviewStatusBadge.tsx

@@ -0,0 +1,39 @@
+import type { ReviewStatus } from "../../review/types.js";
+import { cn } from "../utils.js";
+
+export interface ReviewStatusBadgeProps {
+  status: ReviewStatus | null | undefined;
+  className?: string;
+}
+
+const STATUS_LABELS: Record<ReviewStatus, string> = {
+  draft: "Draft",
+  in_review: "In review",
+  approved: "Approved",
+  changes_requested: "Changes requested",
+};
+
+const STATUS_CLASSES: Record<ReviewStatus, string> = {
+  draft: "border-muted bg-muted text-muted-foreground",
+  in_review: "border-blue-200 bg-blue-50 text-blue-700",
+  approved: "border-emerald-200 bg-emerald-50 text-emerald-700",
+  changes_requested: "border-amber-200 bg-amber-50 text-amber-800",
+};
+
+export function ReviewStatusBadge({
+  status,
+  className,
+}: ReviewStatusBadgeProps) {
+  const normalized = status ?? "draft";
+  return (
+    <span
+      className={cn(
+        "inline-flex items-center rounded-full border px-2 py-0.5 text-xs font-medium",
+        STATUS_CLASSES[normalized],
+        className,
+      )}
+    >
+      {STATUS_LABELS[normalized]}
+    </span>
+  );
+}

package/corpus/core/src/client/review/ReviewThreadPanel.tsx

@@ -0,0 +1,278 @@
+import {
+  IconMessageCircle,
+  IconPlus,
+  IconSend,
+  IconTrash,
+  IconCircleCheck,
+} from "@tabler/icons-react";
+import { useMemo, useState } from "react";
+
+import type { ReviewComment } from "../../review/types.js";
+import { cn } from "../utils.js";
+import { ReviewStatusBadge } from "./ReviewStatusBadge.js";
+import {
+  useCreateReviewComment,
+  useDeleteReviewComment,
+  useReplyReviewComment,
+  useResolveReviewThread,
+  useReviewComments,
+} from "./use-review.js";
+
+export interface ReviewThread {
+  root: ReviewComment;
+  replies: ReviewComment[];
+}
+
+export interface ReviewThreadPanelProps {
+  resourceType: string;
+  resourceId: string;
+  targetId?: string | null;
+  title?: string;
+  className?: string;
+  includeResolved?: boolean;
+  showComposer?: boolean;
+  placeholder?: string;
+  emptyState?: string;
+  onSelectThread?: (thread: ReviewThread) => void;
+}
+
+export function ReviewThreadPanel({
+  resourceType,
+  resourceId,
+  targetId,
+  title = "Review",
+  className,
+  includeResolved = true,
+  showComposer = true,
+  placeholder = "Add a comment...",
+  emptyState = "No review comments yet.",
+  onSelectThread,
+}: ReviewThreadPanelProps) {
+  const [draft, setDraft] = useState("");
+  const [replyDrafts, setReplyDrafts] = useState<Record<string, string>>({});
+  const comments = useReviewComments({
+    resourceType,
+    resourceId,
+    targetId,
+    includeResolved,
+  });
+  const createComment = useCreateReviewComment();
+  const replyComment = useReplyReviewComment();
+  const resolveThread = useResolveReviewThread();
+  const deleteComment = useDeleteReviewComment();
+  const threads = useMemo(
+    () => buildReviewThreads(comments.data?.comments ?? []),
+    [comments.data?.comments],
+  );
+
+  return (
+    <section
+      className={cn(
+        "rounded-lg border border-border bg-card text-card-foreground",
+        className,
+      )}
+    >
+      <div className="flex items-center justify-between gap-3 border-b border-border px-4 py-3">
+        <div className="flex items-center gap-2">
+          <IconMessageCircle className="h-4 w-4 text-muted-foreground" />
+          <h2 className="text-sm font-medium">{title}</h2>
+        </div>
+        <ReviewStatusBadge status={comments.data?.reviewStatus?.status} />
+      </div>
+
+      {showComposer ? (
+        <form
+          className="border-b border-border p-3"
+          onSubmit={(event) => {
+            event.preventDefault();
+            const body = draft.trim();
+            if (!body) return;
+            createComment.mutate(
+              { resourceType, resourceId, targetId, body },
+              { onSuccess: () => setDraft("") },
+            );
+          }}
+        >
+          <textarea
+            value={draft}
+            onChange={(event) => setDraft(event.currentTarget.value)}
+            placeholder={placeholder}
+            className="min-h-20 w-full resize-y rounded-md border border-input bg-background px-3 py-2 text-sm outline-none focus:ring-2 focus:ring-ring"
+          />
+          <div className="mt-2 flex justify-end">
+            <button
+              type="submit"
+              disabled={!draft.trim() || createComment.isPending}
+              className="inline-flex h-8 items-center gap-1.5 rounded-md bg-primary px-3 text-xs font-medium text-primary-foreground hover:bg-primary/90 disabled:cursor-not-allowed disabled:opacity-50"
+            >
+              <IconPlus className="h-3.5 w-3.5" />
+              Comment
+            </button>
+          </div>
+        </form>
+      ) : null}
+
+      <div className="divide-y divide-border">
+        {comments.isLoading ? (
+          <div className="px-4 py-6 text-sm text-muted-foreground">
+            Loading comments...
+          </div>
+        ) : threads.length ? (
+          threads.map((thread) => (
+            <article
+              key={thread.root.threadId}
+              className="px-4 py-3"
+              onClick={() => onSelectThread?.(thread)}
+            >
+              <CommentBubble comment={thread.root} />
+              {thread.replies.length ? (
+                <div className="mt-3 space-y-3 border-l border-border pl-4">
+                  {thread.replies.map((reply) => (
+                    <CommentBubble key={reply.id} comment={reply} compact />
+                  ))}
+                </div>
+              ) : null}
+              <form
+                className="mt-3 flex gap-2"
+                onSubmit={(event) => {
+                  event.preventDefault();
+                  const body = replyDrafts[thread.root.id]?.trim();
+                  if (!body) return;
+                  replyComment.mutate(
+                    {
+                      resourceType,
+                      resourceId,
+                      commentId: thread.root.id,
+                      body,
+                    },
+                    {
+                      onSuccess: () =>
+                        setReplyDrafts((current) => ({
+                          ...current,
+                          [thread.root.id]: "",
+                        })),
+                    },
+                  );
+                }}
+              >
+                <input
+                  value={replyDrafts[thread.root.id] ?? ""}
+                  onChange={(event) =>
+                    setReplyDrafts((current) => ({
+                      ...current,
+                      [thread.root.id]: event.currentTarget.value,
+                    }))
+                  }
+                  placeholder="Reply..."
+                  className="h-8 min-w-0 flex-1 rounded-md border border-input bg-background px-3 text-sm outline-none focus:ring-2 focus:ring-ring"
+                />
+                <button
+                  type="submit"
+                  disabled={
+                    !replyDrafts[thread.root.id]?.trim() ||
+                    replyComment.isPending
+                  }
+                  className="inline-flex h-8 w-8 items-center justify-center rounded-md border border-input hover:bg-accent disabled:cursor-not-allowed disabled:opacity-50"
+                  aria-label="Reply"
+                >
+                  <IconSend className="h-3.5 w-3.5" />
+                </button>
+                {thread.root.status !== "resolved" ? (
+                  <button
+                    type="button"
+                    className="inline-flex h-8 w-8 items-center justify-center rounded-md border border-input hover:bg-accent"
+                    aria-label="Resolve thread"
+                    onClick={() =>
+                      resolveThread.mutate({
+                        resourceType,
+                        resourceId,
+                        threadId: thread.root.threadId,
+                      })
+                    }
+                  >
+                    <IconCircleCheck className="h-3.5 w-3.5" />
+                  </button>
+                ) : null}
+                <button
+                  type="button"
+                  className="inline-flex h-8 w-8 items-center justify-center rounded-md border border-input text-muted-foreground hover:bg-accent"
+                  aria-label="Delete comment"
+                  onClick={() =>
+                    deleteComment.mutate({
+                      resourceType,
+                      resourceId,
+                      commentId: thread.root.id,
+                    })
+                  }
+                >
+                  <IconTrash className="h-3.5 w-3.5" />
+                </button>
+              </form>
+            </article>
+          ))
+        ) : (
+          <div className="px-4 py-6 text-sm text-muted-foreground">
+            {emptyState}
+          </div>
+        )}
+      </div>
+    </section>
+  );
+}
+
+export function buildReviewThreads(comments: ReviewComment[]): ReviewThread[] {
+  const roots: ReviewComment[] = [];
+  const replies = new Map<string, ReviewComment[]>();
+
+  for (const comment of comments) {
+    if (!comment.parentCommentId || comment.parentCommentId === comment.id) {
+      roots.push(comment);
+      continue;
+    }
+    const list = replies.get(comment.threadId) ?? [];
+    list.push(comment);
+    replies.set(comment.threadId, list);
+  }
+
+  return roots.map((root) => ({
+    root,
+    replies: replies.get(root.threadId) ?? [],
+  }));
+}
+
+function CommentBubble({
+  comment,
+  compact = false,
+}: {
+  comment: ReviewComment;
+  compact?: boolean;
+}) {
+  return (
+    <div className={compact ? "text-sm" : ""}>
+      <div className="flex flex-wrap items-center gap-2">
+        <span className="text-sm font-medium">
+          {comment.authorName ?? comment.authorEmail ?? "Reviewer"}
+        </span>
+        <span className="text-xs text-muted-foreground">
+          {formatCommentDate(comment.createdAt)}
+        </span>
+        {comment.status === "resolved" ? (
+          <span className="rounded-full bg-emerald-50 px-2 py-0.5 text-xs text-emerald-700">
+            Resolved
+          </span>
+        ) : null}
+      </div>
+      <p className="mt-1 whitespace-pre-wrap text-sm text-foreground">
+        {comment.body}
+      </p>
+    </div>
+  );
+}
+
+function formatCommentDate(value: string): string {
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) {
+    return value;
+  }
+  return date.toLocaleString();
+}

package/corpus/core/src/client/review/index.ts

@@ -0,0 +1,30 @@
+export {
+  ReviewStatusBadge,
+  type ReviewStatusBadgeProps,
+} from "./ReviewStatusBadge.js";
+export {
+  ReviewThreadPanel,
+  buildReviewThreads,
+  type ReviewThread,
+  type ReviewThreadPanelProps,
+} from "./ReviewThreadPanel.js";
+export {
+  useConsumeReviewFeedback,
+  useCreateReviewComment,
+  useDeleteReviewComment,
+  useReplyReviewComment,
+  useResolveReviewThread,
+  useReviewComments,
+  useReviewFeedback,
+  useSetReviewStatus,
+  type ConsumeReviewFeedbackInput,
+  type CreateReviewCommentInput,
+  type DeleteReviewCommentInput,
+  type GetReviewFeedbackParams,
+  type GetReviewFeedbackResult,
+  type ListReviewCommentsParams,
+  type ListReviewCommentsResult,
+  type ReplyReviewCommentInput,
+  type ResolveReviewThreadInput,
+  type SetReviewStatusInput,
+} from "./use-review.js";