@kortix/ui 0.14.5 → 0.14.7

package/dist/workspace/sidebar/project-nav-items.js

@@ -1,6 +1,7 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { ProjectAppsNavItem } from './footer/project-apps-nav.js';
+import { ProjectGoalsNavItem } from './footer/project-goals-nav.js';
 import { ProjectRoomsNavItem } from './footer/project-rooms-nav.js';
 import { ProjectFilesNavItem } from './footer/project-files-nav.js';
 import { ProjectCustomizeNavItem } from '../../internal/layout/project-settings-nav.js';
@@ -95,5 +96,7 @@ function NavItem({ entry, projectId }) {
             return _jsx(ProjectFilesNavItem, { projectId: projectId });
         case 'rooms':
             return _jsx(ProjectRoomsNavItem, { projectId: projectId });
+        case 'goals':
+            return _jsx(ProjectGoalsNavItem, { projectId: projectId });
     }
 }

package/dist/workspace/sidebar/project-session-list.js

@@ -39,8 +39,8 @@ import { selectExpandedIds, useSessionExpandedStore } from '../../internal/store
 import { selectCollapsedSections, selectGroupMode, selectHiddenSections, selectLabelFilters, selectOrderMode, selectSourceFilters, selectStatusFilters, useSessionFilterStore, } from '../../internal/stores/session-filter-store.js';
 import { shouldBeginSessionSwitch, useSessionSwitchStore } from '../../internal/stores/session-switch-store.js';
 import { directSubsessions, createProjectSession, listChangeRequests, restartProjectSession, sessionParentId, stopProjectSession, } from '@kortix/sdk';
-import { qk, useProjectSession, useProjectSessions, useRuntimeSupports, useSessionChildren, } from '@kortix/sdk/react';
-import { ArchiveIcon, ArrowsSplitIcon, CaretRightIcon, DotsThreeIcon, PushPinIcon, PushPinSlashIcon, RobotIcon, GitForkIcon, PencilSimpleIcon, ArrowCounterClockwiseIcon as RotateCcw, ShareIcon as Share, SparkleIcon, SquareIcon as Square, TagIcon, TrashIcon, TreeViewIcon, } from '@phosphor-icons/react';
+import { qk, useProjectSession, useProjectSessions, useRuntimeSupports, useSessionChildren, useFeatureFlag, useSessionGoal, } from '@kortix/sdk/react';
+import { ArchiveIcon, ArrowsSplitIcon, CaretRightIcon, DotsThreeIcon, PushPinIcon, PushPinSlashIcon, RobotIcon, GitForkIcon, PencilSimpleIcon, ArrowCounterClockwiseIcon as RotateCcw, ShareIcon as Share, SparkleIcon, TargetIcon, SquareIcon as Square, TagIcon, TrashIcon, TreeViewIcon, } from '@phosphor-icons/react';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { formatDistanceToNowStrict } from 'date-fns';
 import { useUiPathname, useUiRouter, useUiSearchParams, useUiViewerId } from '../../providers/ui-provider.js';
@@ -549,7 +549,7 @@ function ProjectSessionRow({ session, href, isActive, isSwitching, onNavigate, d
     // same `reviewCount` prop, so they agree by construction rather than by luck.
     const displayStatus = sessionDisplayStatus(session, reviewCount);
     const waitingOn = awaitingAnswer ? 'answer' : 'review';
-    const sessionLink = (_jsxs(HoverPrefetchLink, { href: href, prefetch: true, onClick: onNavigate, ...openIntent, "aria-busy": isSwitching || undefined, "aria-current": isActive ? 'page' : undefined, "aria-describedby": descriptionId, className: "focus-visible:ring-kortix-base flex min-w-0 flex-1 items-center gap-2 self-stretch rounded-md py-1 focus-visible:ring-[0.6px] focus-visible:outline-none", children: [_jsx("div", { className: "size-4 shrink-0", children: spawned ? (_jsx(ArrowsSplitIcon, { "aria-hidden": true, className: "text-muted-foreground size-4" })) : (_jsx(SessionStatusDot, { session: session, reviewCount: reviewCount, waitingOn: waitingOn, changeRequests: changeRequests })) }), isMeta && (_jsx(Hint, { side: "top", label: t('metaCoordinator'), children: _jsx("span", { className: "text-muted-foreground flex size-4 shrink-0 items-center justify-center", children: _jsx(SparkleIcon, { className: "size-3.5", weight: "fill" }) }) })), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx(SessionTitle, { title: displayTitle, className: cn('min-w-0', isActive && 'font-medium') }), _jsx("span", { className: "hidden max-md:block pointer-coarse:block [@media(hover:none)]:block", "aria-hidden": true, "data-session-mobile-created-at": "true", children: _jsx(MobileSessionCreatedTime, { createdAt: session.created_at }) })] }), subagentCount + spawnedCount > 0 && onToggleChildRuns && (_jsx(ChildRunsToggle, { count: subagentCount + spawnedCount, open: childRunsOpen, onToggle: onToggleChildRuns, clearOfMenu: !hasIndicators })), hasIndicators && (_jsxs("div", { className: cn('flex shrink-0 items-center gap-0 transition-none', 'max-md:hidden pointer-coarse:hidden [@media(hover:none)]:hidden', 'group-hover/session-list:pointer-events-none group-hover/session-list:opacity-0', 'group-has-data-[state=open]/session-list:pointer-events-none group-has-data-[state=open]/session-list:opacity-0'), "data-session-indicators": "true", children: [showStarter && (_jsx("span", { className: "flex size-5 shrink-0 items-center justify-center", "data-session-source": "true", "data-session-starter": starter.type, children: _jsx(Hint, { side: "top", label: t('startedByLabel', { name: starter.label }), children: _jsx("span", { className: "text-muted-foreground flex size-5 items-center justify-center", children: _jsx(SessionStarterMark, { session: session, starter: starter, iconClassName: "size-3", avatarClassName: "size-5" }) }) }) })), !inSharedGroup && _jsx(SessionSharedIcon, { session: session })] }))] }));
+    const sessionLink = (_jsxs(HoverPrefetchLink, { href: href, prefetch: true, onClick: onNavigate, ...openIntent, "aria-busy": isSwitching || undefined, "aria-current": isActive ? 'page' : undefined, "aria-describedby": descriptionId, className: "focus-visible:ring-kortix-base flex min-w-0 flex-1 items-center gap-2 self-stretch rounded-md py-1 focus-visible:ring-[0.6px] focus-visible:outline-none", children: [_jsx("div", { className: "size-4 shrink-0", children: spawned ? (_jsx(ArrowsSplitIcon, { "aria-hidden": true, className: "text-muted-foreground size-4" })) : (_jsx(SessionStatusDot, { session: session, reviewCount: reviewCount, waitingOn: waitingOn, changeRequests: changeRequests })) }), _jsx(SessionGoalMark, { projectId: session.project_id, sessionId: session.session_id }), isMeta && (_jsx(Hint, { side: "top", label: t('metaCoordinator'), children: _jsx("span", { className: "text-muted-foreground flex size-4 shrink-0 items-center justify-center", children: _jsx(SparkleIcon, { className: "size-3.5", weight: "fill" }) }) })), _jsxs("span", { className: "min-w-0 flex-1", children: [_jsx(SessionTitle, { title: displayTitle, className: cn('min-w-0', isActive && 'font-medium') }), _jsx("span", { className: "hidden max-md:block pointer-coarse:block [@media(hover:none)]:block", "aria-hidden": true, "data-session-mobile-created-at": "true", children: _jsx(MobileSessionCreatedTime, { createdAt: session.created_at }) })] }), subagentCount + spawnedCount > 0 && onToggleChildRuns && (_jsx(ChildRunsToggle, { count: subagentCount + spawnedCount, open: childRunsOpen, onToggle: onToggleChildRuns, clearOfMenu: !hasIndicators })), hasIndicators && (_jsxs("div", { className: cn('flex shrink-0 items-center gap-0 transition-none', 'max-md:hidden pointer-coarse:hidden [@media(hover:none)]:hidden', 'group-hover/session-list:pointer-events-none group-hover/session-list:opacity-0', 'group-has-data-[state=open]/session-list:pointer-events-none group-has-data-[state=open]/session-list:opacity-0'), "data-session-indicators": "true", children: [showStarter && (_jsx("span", { className: "flex size-5 shrink-0 items-center justify-center", "data-session-source": "true", "data-session-starter": starter.type, children: _jsx(Hint, { side: "top", label: t('startedByLabel', { name: starter.label }), children: _jsx("span", { className: "text-muted-foreground flex size-5 items-center justify-center", children: _jsx(SessionStarterMark, { session: session, starter: starter, iconClassName: "size-3", avatarClassName: "size-5" }) }) }) })), !inSharedGroup && _jsx(SessionSharedIcon, { session: session })] }))] }));
     return (_jsx("div", { className: "group/session-list block", children: _jsxs("div", { className: cn(
             // --session-row-surface paints the row AND the title fade in the same
             // style pass. Do not transition background — transition-colors made the
@@ -602,6 +602,15 @@ function ProjectSubsessionRow({ id, title, href, isActive, createdAt, updatedAt,
         : '';
     return (_jsx(SubagentHoverCard, { id: id, title: title, createdAt: createdAt, updatedAt: updatedAt, children: _jsx(HoverPrefetchLink, { href: href, className: "block", children: _jsxs("div", { className: cn('flex h-8 cursor-pointer items-center gap-2 rounded-lg px-2 text-sm', isActive ? 'bg-sidebar-accent text-sidebar-foreground font-medium' : ''), children: [_jsx(RobotIcon, { "aria-hidden": true, className: "text-muted-foreground size-4 shrink-0" }), _jsx("span", { className: cn('flex-1 truncate', isActive && 'font-medium'), children: title }), relative && _jsx("span", { className: SESSION_RELATIVE_TIME_CLASS, children: relative })] }) }) }));
 }
+/** A target beside a session that runs a goal (flag `goals`); the hint names the goal. */
+function SessionGoalMark({ projectId, sessionId }) {
+    const tGoals = useTranslations('goals');
+    const flag = useFeatureFlag(projectId, 'goals');
+    const { goal, role } = useSessionGoal(flag.enabled ? projectId : null, sessionId);
+    if (!goal || role !== 'coordinator')
+        return null;
+    return (_jsx(Hint, { side: "top", label: `${tGoals('sessionChip')}: ${goal.goal?.objective ?? goal.slug}`, children: _jsx("span", { className: "text-muted-foreground flex size-4 shrink-0 items-center justify-center", "data-testid": "session-goal-mark", children: _jsx(TargetIcon, { className: "size-3.5" }) }) }));
+}
 function SessionStatusDot({ session, reviewCount = 0, waitingOn, changeRequests, }) {
     const display = sessionDisplayStatus(session, reviewCount);
     return (_jsx("div", { className: "flex size-4 shrink-0 items-center justify-center", children: _jsx(SessionStatusMark, { status: display, waitingOn: waitingOn, overdue: isReviewOverdue(changeRequests) }) }));

package/dist/workspace/sidebar/session-brief-hover-card.js

@@ -11,7 +11,7 @@ import { menuRow } from '../../primitives/menu-recipe.js';
 import { CR_ID_PREFIX } from '../review/review-actions.js';
 import { reviewHref } from '../../internal/lib/capability-tab-routes.js';
 import { useTranslations } from '../../i18n/index.js';
-import { useSessionHoverStore } from '../../internal/stores/session-hover-store.js';
+import { sessionRowHoverHandlers, useSessionHoverStore } from '../../internal/stores/session-hover-store.js';
 import { ArrowsSplitIcon, GitDiffIcon, RobotIcon } from '@phosphor-icons/react';
 import { formatDistanceToNowStrict } from 'date-fns';
 import { Slot } from 'radix-ui';
@@ -180,20 +180,17 @@ export function SessionBriefCardHost() {
 function SessionBriefCard({ id, children, content, }) {
     const open = useSessionHoverStore((state) => state.activeSessionId === id);
     const slot = useSessionHoverStore((state) => state.slot);
-    const openSession = useSessionHoverStore((state) => state.openSession);
-    const closeSession = useSessionHoverStore((state) => state.closeSession);
     // A row can be filtered out, or the sidebar unmounted, while its card shows.
     // Without this the store keeps naming a row that no longer exists and the
-    // group is still warm the next time the list mounts.
+    // group is still warm the next time the list mounts. A row unmounted under
+    // the pointer gets no pointerleave, so its click's suppression ends here too.
     useEffect(() => () => {
         const store = useSessionHoverStore.getState();
         if (store.activeSessionId === id)
             store.dismiss();
+        store.release(id);
     }, [id]);
-    return (_jsxs(_Fragment, { children: [_jsx(Slot.Root, { "data-state": open ? 'open' : 'closed', onPointerEnter: (event) => {
-                    if (event.pointerType !== 'touch')
-                        openSession(id, event.currentTarget, 'pointer');
-                }, onPointerLeave: () => closeSession(id), onFocus: (event) => openSession(id, event.currentTarget, 'focus'), onBlur: () => closeSession(id), children: children }), open && slot ? createPortal(content, slot) : null] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Slot.Root, { "data-state": open ? 'open' : 'closed', ...sessionRowHoverHandlers(id), children: children }), open && slot ? createPortal(content, slot) : null] }));
 }
 export function SessionBriefHoverCard({ sessionId, children, ...brief }) {
     const dismiss = useSessionHoverStore((state) => state.dismiss);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kortix/ui",
-  "version": "0.14.5",
+  "version": "0.14.7",
   "description": "Kortix UI: the shared React component library for apps/web, Kortix Apps and SDK hosts. Tailwind v4 classes, themed by CSS variables.",
   "type": "module",
   "license": "Elastic-2.0",
@@ -2157,7 +2157,7 @@
     "@extend-ai/react-docx": "^0.7.5",
     "@extend-ai/react-xlsx": "0.13.4",
     "@glideapps/glide-data-grid": "6.0.4-alpha24",
-    "@kortix/llm-catalog": "0.14.5",
+    "@kortix/llm-catalog": "0.14.7",
     "@lezer/highlight": "1.2.3",
     "@paper-design/shaders-react": "^0.0.76",
     "@phosphor-icons/react": "2.1.10",
@@ -2214,7 +2214,7 @@
     "heic2any": "0.0.4",
     "i18next": "^26.3.6",
     "jszip": "^3.10.1",
-    "katex": "^0.16.22",
+    "katex": "^0.18.7",
     "maplibre-gl": "6.12.0",
     "mermaid": "^11.12.0",
     "motion": "^12.40.0",
@@ -2246,7 +2246,7 @@
     "zustand": "^5.0.3"
   },
   "peerDependencies": {
-    "@kortix/sdk": "^0.14.5",
+    "@kortix/sdk": "^0.14.7",
     "@tanstack/react-query": "^5.75.2",
     "@types/react": ">=18",
     "react": ">=19",

package/skills/kortix-ui/references/modules.md

@@ -373,6 +373,8 @@ export function Sessions({ projectId }: { projectId: string }) {
 }
 ```
 
+Goals (behind the `goals` flag): `GoalStatusBadge` (a goal's status), `GoalHealthDot` (green running, orange needs attention, grey closed), `useGoalIssueText` (one sentence per health issue), `goalProgress` (met and total criteria), `goalOpenAsks` (asks waiting on a person), `goalNeedsYou` (an open ask or a health issue), `formatGoalTime` (the reminders time format), `goalHref` (the goal's page, or null), `useGoalClock` (the current time, re-read every 30 s).
+
 Names: `ProjectPageHeader`, `useCapabilityAccess`, `useProjectNavRows`, `SidebarToggle`, `activeCapabilityTab`, `agentHref`, `capabilityTabHref`, `channelsHref`, `remindersHref`, `reviewHref`, `detectManifestVersion`, `manifestFilename`, `manifestNeedsUpgrade`, `useProjectManifestVersion`, `ManifestVersion`, `CUSTOMIZE_SECTION_ACCESS`, `CUSTOMIZE_SECTION_GATE_ACTIONS`, `PROJECT_ACTIONS`, `isCustomizeSectionVisible`, `CustomizeSection`, `ProjectAction`, `usePermission`, `usePermissions`, `usePermissionsFor`, `PROJECT_PAGE_ACTIONS`, `useProjectCan`, `useProjectCans`, `useProjectPageCans`, `CanResult`, `formatFireTime`, `nearestFire`, `reminderTitle`, `scheduleLabel`, `ProjectHomeWallpaper`, `ProjectHomeWelcomeBody`, `InstantSessionShell`, `ProjectFilesView`, `ProjectHome`, `ProjectHomeSendOptions`, `useProjectHomeSend`, `UseProjectHomeSendOptions`, `SavedSessionSkeleton`, `SessionLayout`, `SessionWorkspace`, `SessionLayoutProps`, `SessionWorkspaceProps`, `ProjectSessionsView`, `ProjectSessionList`, `ProjectSidebar`, `ShareSessionModal`
 
 ## `@kortix/ui/access`

package/dist/session/status/use-readiness-settling.d.ts

@@ -1,18 +0,0 @@
-/**
- * How long a freshly mounted session may say NOTHING about its runtime.
- *
- * Long enough to cover the first health probe + `GET .../turn` round trip on a
- * healthy session (both answer well inside a second locally and on dev), short
- * enough that a genuinely parked box still announces its wake promptly. The
- * cost of being wrong in one direction is a false "your session dropped" flash
- * on every page load; in the other, a real wake notice arrives ~1.5s later.
- */
-export declare const READINESS_SETTLE_MS = 1500;
-/**
- * True while the runtime has not been contacted yet AND the mount is young.
- *
- * Feeds `sessionComposerReadiness({ settling })`, whose fallback would
- * otherwise assert "Waking this session up…" the instant a page loads — the
- * one claim nothing had checked. See that input's docstring.
- */
-export declare function useReadinessSettling(uncontacted: boolean, windowMs?: number): boolean;

package/dist/session/status/use-readiness-settling.js

@@ -1,43 +0,0 @@
-'use client';
-import { useEffect, useState } from 'react';
-/**
- * How long a freshly mounted session may say NOTHING about its runtime.
- *
- * Long enough to cover the first health probe + `GET .../turn` round trip on a
- * healthy session (both answer well inside a second locally and on dev), short
- * enough that a genuinely parked box still announces its wake promptly. The
- * cost of being wrong in one direction is a false "your session dropped" flash
- * on every page load; in the other, a real wake notice arrives ~1.5s later.
- */
-export const READINESS_SETTLE_MS = 1_500;
-/**
- * True while the runtime has not been contacted yet AND the mount is young.
- *
- * Feeds `sessionComposerReadiness({ settling })`, whose fallback would
- * otherwise assert "Waking this session up…" the instant a page loads — the
- * one claim nothing had checked. See that input's docstring.
- */
-export function useReadinessSettling(uncontacted, windowMs = READINESS_SETTLE_MS) {
-    // The window is identified by WHEN it opened, and that instant is state, not a
-    // ref: an earlier cut bumped a ref inside the effect and compared it during
-    // render, so on the first render of each window the ref still held the
-    // previous value, the hook answered "not settling", and the notice this hook
-    // exists to suppress flashed anyway before the effect could run.
-    const [openedAt, setOpenedAt] = useState(null);
-    const [elapsedFor, setElapsedFor] = useState(null);
-    useEffect(() => {
-        if (!uncontacted) {
-            setOpenedAt(null);
-            return;
-        }
-        const startedAt = Date.now();
-        setOpenedAt(startedAt);
-        const timer = window.setTimeout(() => setElapsedFor(startedAt), windowMs);
-        return () => window.clearTimeout(timer);
-    }, [uncontacted, windowMs]);
-    // Settling from the first render onward: `openedAt === null` means the effect
-    // has not run yet, which is the very moment the flash used to happen.
-    if (!uncontacted)
-        return false;
-    return openedAt === null || elapsedFor !== openedAt;
-}

package/dist/workspace/sidebar/modal/session-public-link-section.d.ts

@@ -1,13 +0,0 @@
-/**
- * "Public link" in the Share dialog: a read-only, sign-in-free link to this
- * session's conversation. One live link per session (the API returns the
- * existing one on a second create), so the section shows either that link with
- * Copy and Revoke, or the one button that creates it.
- *
- * Mounted inside `ModalContent`, so the share list is read only while the
- * dialog is open.
- */
-export declare function SessionPublicLinkSection({ projectId, sessionId, }: {
-    projectId: string;
-    sessionId: string;
-}): import("react").JSX.Element;

package/dist/workspace/sidebar/modal/session-public-link-section.js

@@ -1,66 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PublicShareLinkConfirm } from '../../../internal/share/public-share-link-confirm.js';
-import { Button } from '../../../primitives/button.js';
-import { ConfirmDialog } from '../../../primitives/confirm-dialog.js';
-import Hint from '../../../primitives/hint.js';
-import { Label } from '../../../primitives/label.js';
-import Loading from '../../../primitives/loading.js';
-import { errorToast, successToast } from '../../../primitives/toast.js';
-import { usePublicShareLink } from '../../../internal/share/use-public-share-link.js';
-import { publicShareUrl, useRevokePublicShare, useSessionPublicShares, } from '../../../internal/share/use-session-public-shares.js';
-import { useTranslations } from '../../../i18n/index.js';
-import { findActiveTranscriptShare } from '@kortix/sdk';
-import { CheckIcon, CopyIcon, LinkSimpleIcon } from '@phosphor-icons/react';
-import { useEffect, useRef, useState } from 'react';
-// Module-level so `usePublicShareLink` sees one stable input object.
-const TRANSCRIPT_SHARE_INPUT = { transcript: true };
-/**
- * "Public link" in the Share dialog: a read-only, sign-in-free link to this
- * session's conversation. One live link per session (the API returns the
- * existing one on a second create), so the section shows either that link with
- * Copy and Revoke, or the one button that creates it.
- *
- * Mounted inside `ModalContent`, so the share list is read only while the
- * dialog is open.
- */
-export function SessionPublicLinkSection({ projectId, sessionId, }) {
-    const t = useTranslations('hardcodedUi.publicTranscriptShare');
-    const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
-    const { shares, isLoading, isError } = useSessionPublicShares(projectId, sessionId);
-    const link = usePublicShareLink({ projectId, sessionId, input: TRANSCRIPT_SHARE_INPUT });
-    const { revoke, revokingId } = useRevokePublicShare(projectId, sessionId);
-    const [confirmRevoke, setConfirmRevoke] = useState(false);
-    const [copied, setCopied] = useState(false);
-    const copiedTimer = useRef(null);
-    useEffect(() => () => {
-        if (copiedTimer.current)
-            clearTimeout(copiedTimer.current);
-    }, []);
-    const active = findActiveTranscriptShare(shares);
-    const url = active ? publicShareUrl(active.public_path) : null;
-    const isRevoking = !!active && revokingId === active.share_id;
-    const copy = async () => {
-        if (!url)
-            return;
-        try {
-            await navigator.clipboard.writeText(url);
-            setCopied(true);
-            successToast(tI18nComplete.raw('textd0f24de8dbc6'));
-            if (copiedTimer.current)
-                clearTimeout(copiedTimer.current);
-            copiedTimer.current = setTimeout(() => setCopied(false), 2000);
-        }
-        catch {
-            errorToast(tI18nComplete.raw('text167c96824acb'));
-        }
-    };
-    return (_jsxs("section", { className: "space-y-2", "data-testid": "session-public-link", children: [_jsxs("div", { className: "space-y-1", children: [_jsx(Label, { children: t('sectionTitle') }), _jsx("p", { className: "text-muted-foreground text-xs", children: t('sectionDescription') })] }), isLoading ? (_jsx("div", { className: "flex justify-center py-2", children: _jsx(Loading, { className: "size-4 shrink-0" }) })) : isError ? (
-            // The list 403s for a member who is neither the session's creator nor
-            // a project manager. "Create" would show a link state we cannot read.
-            _jsx("p", { className: "text-muted-foreground text-xs", children: tI18nComplete.raw('text93bce1d8f18d') })) : active ? (_jsxs("div", { className: "bg-popover flex items-center gap-2 rounded-md border py-1 pr-1 pl-3", children: [_jsx("span", { className: "text-muted-foreground min-w-0 flex-1 truncate font-mono text-xs", children: url }), _jsx(Hint, { label: copied ? tI18nComplete.raw('textd12860c21e78') : tI18nComplete.raw('textdbf362d4f210'), side: "bottom", children: _jsx(Button, { variant: "ghost", size: "icon-sm", "aria-label": tI18nComplete.raw('textdbf362d4f210'), disabled: !url, onClick: () => void copy(), children: copied ? (_jsx(CheckIcon, { className: "text-kortix-green size-4" })) : (_jsx(CopyIcon, { className: "size-4" })) }) }), _jsxs(Button, { variant: "ghost", size: "sm", disabled: isRevoking, onClick: () => setConfirmRevoke(true), children: [isRevoking ? _jsx(Loading, { className: "size-4 shrink-0" }) : null, tI18nComplete.raw('text87e6d00bbf53')] })] })) : (_jsxs(Button, { variant: "outline", size: "sm", onClick: link.copyLink, disabled: !link.canShare || link.isPending, children: [link.isPending ? (_jsx(Loading, { className: "size-4 shrink-0" })) : (_jsx(LinkSimpleIcon, { className: "size-4 shrink-0" })), t('create')] })), _jsx(PublicShareLinkConfirm, { confirmation: link.confirmation }), _jsx(ConfirmDialog, { open: confirmRevoke, onOpenChange: setConfirmRevoke, title: tI18nComplete.raw('text3d3b295854fe'), description: t('revokeDescription'), confirmLabel: tI18nComplete.raw('text87e6d00bbf53'), confirmVariant: "destructive", onConfirm: () => {
-                    if (active)
-                        revoke(active.share_id);
-                    setConfirmRevoke(false);
-                } })] }));
-}