@qilin-agent/client-ui-primitives 3.1.5 → 3.1.7

package/lib/types/icons/props.d.ts

@@ -1,4 +1,4 @@
-/** Shared props for every ic_ds_* icon component. */
+/** Shared props for every product icon component. */
 export interface IconProps {
     /** Square edge in px; defaults to the glyph's own drawn size. */
     size?: number | undefined;

package/lib/types/icons/shared-artwork.d.ts

@@ -0,0 +1,43 @@
+import type { IconProps } from './props.ts';
+interface WeightedArtworkProps extends IconProps {
+    strokeWidth: number;
+}
+/**
+ * Render new-conversation geometry — the bubble around a plus — for product icons.
+ * @param props - Size, optional CSS class, and inherited stroke width.
+ * @returns The decorative SVG artwork.
+ */
+export declare const NewChatOutlineArtwork: ({ size, className, strokeWidth }: WeightedArtworkProps) => import("react").JSX.Element;
+/**
+ * Render shared conversation geometry — the chat bubble around two text
+ * lines — for the queue product icon and session reference icons.
+ * @param props - Size, optional CSS class, and inherited stroke width.
+ * @returns The decorative SVG artwork.
+ */
+export declare const ChatLinesOutlineArtwork: ({ size, className, strokeWidth }: WeightedArtworkProps) => import("react").JSX.Element;
+/**
+ * Render shared globe geometry for product and link icons.
+ * @param props - Size, optional CSS class, and inherited stroke width.
+ * @returns The decorative SVG artwork.
+ */
+export declare const GlobeOutlineArtwork: ({ size, className, strokeWidth }: WeightedArtworkProps) => import("react").JSX.Element;
+/**
+ * Render shared code-bracket geometry for product and link icons.
+ * @param props - Size, optional CSS class, and inherited stroke width.
+ * @returns The decorative SVG artwork.
+ */
+export declare const CodeBracketsArtwork: ({ size, className, strokeWidth }: WeightedArtworkProps) => import("react").JSX.Element;
+/**
+ * Render shared document-browse geometry for product and reference icons.
+ * @param props - Size, optional CSS class, and inherited stroke width.
+ * @returns The decorative SVG artwork.
+ */
+export declare const BrowseOutlineArtwork: ({ size, className, strokeWidth }: WeightedArtworkProps) => import("react").JSX.Element;
+/**
+ * Render shared closed-folder geometry for product, reference, and link icons.
+ * @param props - Size, optional CSS class, and inherited stroke width.
+ * @returns The decorative SVG artwork.
+ */
+export declare const FolderCloseArtwork: ({ size, className, strokeWidth }: WeightedArtworkProps) => import("react").JSX.Element;
+export {};
+//# sourceMappingURL=shared-artwork.d.ts.map

package/lib/types/index.d.ts

@@ -18,11 +18,15 @@ export type { ButtonVariant } from './Button.tsx';
 export { Pill } from './Pill.tsx';
 export { SegmentedControl } from './SegmentedControl.tsx';
 export type { SegmentedControlOption } from './SegmentedControl.tsx';
+export { SegmentedTabs } from './SegmentedTabs.tsx';
+export type { SegmentedTab } from './SegmentedTabs.tsx';
+export * from './plugin-artwork.tsx';
 export { Tag } from './Tag.tsx';
 export type { TagTone } from './Tag.tsx';
 export { Switch } from './Switch.tsx';
 export { Checkbox } from './Checkbox.tsx';
 export { Input } from './Input.tsx';
+export { InlineEditor } from './InlineEditor.tsx';
 export { Menu, MenuItemButton } from './Menu.tsx';
 export type { MenuItemButtonProps, MenuEntry, MenuItem, MenuSeparator, MenuLabel } from './Menu.tsx';
 export { ShortcutKeys } from './ShortcutKeys.tsx';
@@ -41,16 +45,18 @@ export type { RiskConfirmationProps } from './RiskConfirmation.tsx';
 export { ConnectionIndicator } from './ConnectionIndicator.tsx';
 export type { ConnectionIndicatorState } from './ConnectionIndicator.tsx';
 export { QilinSeal } from './QilinSeal.tsx';
-export { ReferenceIcon } from './ReferenceIcon.tsx';
+export { PermissionIconAutoReviewMedium, PermissionIconAutoReviewRegular, PermissionIconFullAccessMedium, PermissionIconFullAccessRegular, PermissionIconReadOnlyMedium, PermissionIconReadOnlyRegular, PermissionIconWorkspaceWriteMedium, PermissionIconWorkspaceWriteRegular, } from './PermissionIcon.tsx';
+export { ReferenceIconMedium, ReferenceIconRegular } from './ReferenceIcon.tsx';
 export type { ReferenceIconKind, ReferenceIconProps } from './ReferenceIcon.tsx';
-export { LinkIcon, classifyLinkPath } from './LinkIcon.tsx';
+export { LinkIconMedium, LinkIconRegular, classifyLinkPath } from './LinkIcon.tsx';
 export type { LinkIconKind, LinkIconProps } from './LinkIcon.tsx';
 export { FileTypeIcon, classifyFileType, fileExtension } from './FileTypeIcon.tsx';
 export type { CodeFileType, FileType, FileTypeIconProps, FileTypeKind, FileTypeProjectContext, } from './FileTypeIcon.tsx';
 export { PathLabel } from './PathLabel.tsx';
-export { projectUserText, type UserTextReferences } from './user-text.tsx';
+export { projectUserText, type UserTextReferences, type UserTextSecretLabels } from './user-text.tsx';
 export { Tooltip } from './Tooltip.tsx';
 export type { TooltipSide } from './Tooltip.tsx';
+export { pointerModality } from './input-modality.ts';
 export { focusWithoutRing } from './focus.ts';
 export { observeComposition } from './keyboard-composition.ts';
 export { closeTopModal, isBehindModal, modalSelector, useModalLayer } from './useModalLayer.ts';

package/lib/types/plugin-artwork.d.ts

@@ -0,0 +1,17 @@
+import type { IconProps } from './icons/props.ts';
+/** Light-blue terminal artwork shared by plugin cards and sidebar guide entries. */
+export declare const PluginArtworkTerminal: ({ size, className }: IconProps) => import("react").JSX.Element;
+/** Agent-loop plugin artwork (four leaves circling a center). */
+export declare const PluginArtworkLoop: ({ size, className }: IconProps) => import("react").JSX.Element;
+/** Subagent plugin artwork (two stacked rounded squares); also marks every row inside a bundle. */
+export declare const PluginArtworkSubagent: ({ size, className }: IconProps) => import("react").JSX.Element;
+/**
+ * Web-search plugin artwork (conic-gradient ring and handle). SVG has no
+ * native conic gradient, so the ring clips an HTML div painted with CSS
+ * `conic-gradient` — the same emulation Figma exports; it renders inline in
+ * the browser UI but would stay empty in an `<img>` or mask context.
+ */
+export declare const PluginArtworkSearch: ({ size, className }: IconProps) => import("react").JSX.Element;
+/** Default plugin artwork for plugins without one of their own (connector blocks and a node). */
+export declare const PluginArtworkDefault: ({ size, className }: IconProps) => import("react").JSX.Element;
+//# sourceMappingURL=plugin-artwork.d.ts.map

package/lib/types/tooltip-placement.d.ts

@@ -0,0 +1,35 @@
+/** Deterministic tooltip placement using measured border boxes and viewport coordinates. */
+/** Bubble placement relative to the anchor. */
+export type TooltipSide = 'right' | 'left' | 'bottom' | 'top';
+interface PlacementInput {
+    anchor: {
+        left: number;
+        right: number;
+        top: number;
+        bottom: number;
+    };
+    width: number;
+    height: number;
+    viewportWidth: number;
+    viewportHeight: number;
+    side: TooltipSide;
+    align: 'center' | 'end';
+    gap: number;
+}
+interface TooltipPlacement {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+    side: TooltipSide;
+    /** No complete side fits, so placement is bounded by the viewport instead. */
+    overflow: boolean;
+}
+/**
+ * Prefer the requested side, its opposite, then perpendicular sides without covering the anchor.
+ * @param input - Observed dimensions, anchor edges, viewport and requested placement; horizontal gaps remain 10px.
+ * @returns Border-box coordinates and the selected side; if no side fits, a viewport-bounded fallback.
+ */
+export declare function placeTooltip(input: PlacementInput): TooltipPlacement;
+export {};
+//# sourceMappingURL=tooltip-placement.d.ts.map

package/lib/types/useAnchoredPosition.d.ts

@@ -20,6 +20,8 @@ export interface AnchoredPositionOptions {
     panelRef: RefObject<HTMLElement | null>;
     /** Which anchor edge the panel hangs from: below it (`bottom`, the default) or above it (`top`). */
     side?: 'top' | 'bottom';
+    /** Which anchor edge the panel lines up with: its left edge (`start`, the default) or its right edge (`end`). */
+    align?: 'start' | 'end';
     /** Distance kept between the anchor edge named by `side` and the panel. */
     gap: number;
     /** Distance kept between the panel and each viewport edge. */
@@ -27,7 +29,7 @@ export interface AnchoredPositionOptions {
 }
 /**
  * Track an anchor and return the panel's fixed coordinates.
- * @param options - the open state, the two refs, the placement side, and the gap/margin distances.
+ * @param options - the open state, the two refs, the placement side and alignment, and the gap/margin distances.
  * @returns `left`/`top` for the panel, or `null` before the first measurement.
  */
 export declare function useAnchoredPosition(options: AnchoredPositionOptions): CSSProperties | null;

package/lib/types/user-text.d.ts

@@ -12,7 +12,10 @@
  * stray `/word` stays plain text. A `/name` token is whitespace-bounded like
  * the host skill gesture (`qilin-tool-skill`): it ends at whitespace or the
  * text end, so slash paths (`/nfs-hg/xxx`, `/plan.md`) and punctuation-glued
- * tokens (`/plan。`) stay plain even for a loaded name.
+ * tokens (`/plan。`) stay plain even for a loaded name. A recognized credential
+ * always draws masked, ahead of every reference decoration, and only the display
+ * changes: the logged text, the copied text, and the model input keep the original
+ * characters.
  */
 import type { ReactNode } from 'react';
 /** Optional navigation supplied by consumers that can preview references. */
@@ -22,6 +25,13 @@ export interface UserTextReferences {
     /** Open the source of a skill loaded for this message. */
     openSkill: (name: string) => void;
 }
+/** Accessible names of the control that reveals one masked credential. */
+export interface UserTextSecretLabels {
+    /** Name while the value stays masked. */
+    readonly reveal: string;
+    /** Name while the value is shown. */
+    readonly hide: string;
+}
 /**
  * Split one sent text into inline plain runs and reference chips.
  * @param text - the logged model text of the message or queue row.
@@ -31,7 +41,8 @@ export interface UserTextReferences {
  * (unsent queue rows pass none).
  * @param slashKind - the chip kind those tokens render as.
  * @param references - optional file and skill preview actions; session and command tokens stay labels.
+ * @param secretLabels - reveal-control copy for credentials; absent in text that stays masked.
  * @returns inline nodes covering the whole text.
  */
-export declare function projectUserText(text: string, sessionLabels: readonly string[], slashNames?: readonly string[], slashKind?: 'skill' | 'command', references?: UserTextReferences): ReactNode;
+export declare function projectUserText(text: string, sessionLabels: readonly string[], slashNames?: readonly string[], slashKind?: 'skill' | 'command', references?: UserTextReferences, secretLabels?: UserTextSecretLabels): ReactNode;
 //# sourceMappingURL=user-text.d.ts.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@qilin-agent/client-ui-primitives",
   "description": "Pure React atoms for the qilin web UI: controls, icons, markdown, and JSON inspectors (zero cordis)",
-  "version": "3.1.5",
+  "version": "3.1.7",
   "publishConfig": {
     "access": "public"
   },
@@ -51,9 +51,9 @@
     "react-dom": "^18.2.0",
     "shiki": "^4.3.1",
     "simple-icons": "16.31.0",
-    "@qilin-agent/client-store": "3.1.5",
-    "@qilin-agent/util-workspace-path": "3.1.5",
-    "@qilin-agent/kylin": "~4.0.3"
+    "@qilin-agent/kylin": "~4.0.5",
+    "@qilin-agent/util-workspace-path": "3.1.7",
+    "@qilin-agent/client-store": "3.1.7"
   },
   "files": [
     "lib/index.js",
@@ -61,6 +61,6 @@
     "lib/types/**/*.d.ts"
   ],
   "peerDependencies": {
-    "@qilin-agent/kylin": "~4.0.3"
+    "@qilin-agent/kylin": "~4.0.5"
   }
 }