@theaiplatform/miniapp-sdk 0.0.1 → 0.0.2

package/dist/ui.d.ts

@@ -1,4 +1,5 @@
 import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
+import * as AvatarPrimitive from '@radix-ui/react-avatar';
 import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
 import { ClassProp } from 'class-variance-authority/types';
 import { ClassValue } from 'clsx';
@@ -86,6 +87,30 @@ declare const alertVariants: (props?: ({
     variant?: "default" | "info" | "destructive" | "warning" | "success" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+export declare function Avatar({ className, ref, ...props }: React_2.ComponentPropsWithoutRef<typeof AvatarPrimitive.Root> & {
+    ref?: React_2.Ref<React_2.ComponentRef<typeof AvatarPrimitive.Root>>;
+}): JSX.Element;
+
+export declare namespace Avatar {
+    var displayName: string | undefined;
+}
+
+export declare function AvatarFallback({ className, ref, ...props }: React_2.ComponentPropsWithoutRef<typeof AvatarPrimitive.Fallback> & {
+    ref?: React_2.Ref<React_2.ComponentRef<typeof AvatarPrimitive.Fallback>>;
+}): JSX.Element;
+
+export declare namespace AvatarFallback {
+    var displayName: string | undefined;
+}
+
+export declare function AvatarImage({ className, ref, ...props }: React_2.ComponentPropsWithoutRef<typeof AvatarPrimitive.Image> & {
+    ref?: React_2.Ref<React_2.ComponentRef<typeof AvatarPrimitive.Image>>;
+}): JSX.Element;
+
+export declare namespace AvatarImage {
+    var displayName: string | undefined;
+}
+
 export declare function Badge({ className, variant, ...props }: BadgeProps): JSX.Element;
 
 declare interface BadgeProps extends React_2.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof badgeVariants> {
@@ -500,6 +525,104 @@ export declare interface MiniAppIconButtonProps extends Omit<ButtonProps, 'child
     tooltipSide?: React_2.ComponentProps<typeof TooltipContent>['side'];
 }
 
+export declare function MiniAppMetric({ className, ...props }: React_2.ComponentProps<typeof Card>): JSX.Element;
+
+export declare namespace MiniAppMetric {
+    var displayName: string;
+}
+
+export declare function MiniAppMetricContent({ className, ...props }: React_2.ComponentProps<typeof CardContent>): JSX.Element;
+
+export declare namespace MiniAppMetricContent {
+    var displayName: string;
+}
+
+export declare function MiniAppMetricDetail({ className, ...props }: React_2.ComponentProps<'p'>): JSX.Element;
+
+export declare namespace MiniAppMetricDetail {
+    var displayName: string;
+}
+
+export declare function MiniAppMetricHeader({ className, ...props }: React_2.ComponentProps<typeof CardHeader>): JSX.Element;
+
+export declare namespace MiniAppMetricHeader {
+    var displayName: string;
+}
+
+export declare function MiniAppMetricLabel({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare namespace MiniAppMetricLabel {
+    var displayName: string;
+}
+
+export declare function MiniAppMetricValue({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare namespace MiniAppMetricValue {
+    var displayName: string;
+}
+
+export declare function MiniAppPageHeader({ className, ref, ...props }: React_2.ComponentProps<'header'> & {
+    ref?: React_2.Ref<HTMLElement>;
+}): JSX.Element;
+
+export declare namespace MiniAppPageHeader {
+    var displayName: string;
+}
+
+export declare function MiniAppPageHeaderActions({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare namespace MiniAppPageHeaderActions {
+    var displayName: string;
+}
+
+export declare function MiniAppPageHeaderContent({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare namespace MiniAppPageHeaderContent {
+    var displayName: string;
+}
+
+export declare function MiniAppPageHeaderDescription({ className, ...props }: React_2.ComponentProps<'p'>): JSX.Element;
+
+export declare namespace MiniAppPageHeaderDescription {
+    var displayName: string;
+}
+
+export declare function MiniAppPageHeaderTitle({ className, ...props }: React_2.ComponentProps<typeof H1>): JSX.Element;
+
+export declare namespace MiniAppPageHeaderTitle {
+    var displayName: string;
+}
+
+export declare function MiniAppSectionHeader({ className, ...props }: React_2.ComponentProps<'header'>): JSX.Element;
+
+export declare namespace MiniAppSectionHeader {
+    var displayName: string;
+}
+
+export declare function MiniAppSectionHeaderActions({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare namespace MiniAppSectionHeaderActions {
+    var displayName: string;
+}
+
+export declare function MiniAppSectionHeaderContent({ className, ...props }: React_2.ComponentProps<'div'>): JSX.Element;
+
+export declare namespace MiniAppSectionHeaderContent {
+    var displayName: string;
+}
+
+export declare function MiniAppSectionHeaderDescription({ className, ...props }: React_2.ComponentProps<'p'>): JSX.Element;
+
+export declare namespace MiniAppSectionHeaderDescription {
+    var displayName: string;
+}
+
+export declare function MiniAppSectionHeaderTitle({ className, ...props }: React_2.ComponentProps<typeof H2>): JSX.Element;
+
+export declare namespace MiniAppSectionHeaderTitle {
+    var displayName: string;
+}
+
 export declare function MiniAppStatusBar({ children, className, tone, ...props }: MiniAppStatusBarProps): JSX.Element;
 
 export declare namespace MiniAppStatusBar {
@@ -735,6 +858,43 @@ export declare namespace Slider {
     var displayName: string;
 }
 
+/**
+ * StatusIndicator - A semantic status dot for compact status surfaces.
+ *
+ * @example
+ * ```tsx
+ * <StatusIndicator label="Service available" tone="success" size="sm" />
+ * <StatusIndicator label="Action required" tone="warning" size="md" />
+ * ```
+ */
+export declare function StatusIndicator({ className, label, ref, size, tone, ...props }: StatusIndicatorProps & {
+    ref?: React_2.Ref<HTMLSpanElement>;
+}): JSX.Element;
+
+export declare namespace StatusIndicator {
+    var displayName: string;
+}
+
+/**
+ * Props for StatusIndicator component
+ */
+export declare interface StatusIndicatorProps extends React_2.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof statusIndicatorVariants> {
+    /** Accessible description of the represented status. */
+    label: string;
+    /** Size variant */
+    size?: 'sm' | 'md' | 'lg';
+    /** Semantic status tone. */
+    tone?: 'success' | 'warning' | 'destructive' | 'neutral';
+}
+
+/**
+ * Status indicator variants
+ */
+declare const statusIndicatorVariants: (props?: ({
+    tone?: "destructive" | "warning" | "success" | "neutral" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & ClassProp) | undefined) => string;
+
 /**
  * Supported languages for syntax highlighting.
  * Maps common language identifiers to prism-react-renderer compatible names.

package/dist/ui.js

@@ -9,6 +9,7 @@ import { useCallback, useEffect, useRef } from "react";
 import { Group, Panel, Separator as external_react_resizable_panels_Separator } from "react-resizable-panels";
 import * as __rspack_external_react from "react";
 import * as __rspack_external__radix_ui_react_alert_dialog_df21c073 from "@radix-ui/react-alert-dialog";
+import * as __rspack_external__radix_ui_react_avatar_44cfeec7 from "@radix-ui/react-avatar";
 import * as __rspack_external__radix_ui_react_separator_c79cca86 from "@radix-ui/react-separator";
 import * as __rspack_external__radix_ui_react_checkbox_76182ac8 from "@radix-ui/react-checkbox";
 import * as __rspack_external__radix_ui_react_dialog_dabd8325 from "@radix-ui/react-dialog";
@@ -429,6 +430,33 @@ function Badge({ className, variant, ...props }) {
         ...props
     });
 }
+function Avatar({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_avatar_44cfeec7.Root, {
+        ref: ref,
+        ...props,
+        "data-component": "avatar",
+        className: cn('relative flex size-10 shrink-0 overflow-hidden rounded-full', className)
+    });
+}
+Avatar.displayName = __rspack_external__radix_ui_react_avatar_44cfeec7.Root.displayName;
+function AvatarImage({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_avatar_44cfeec7.Image, {
+        ref: ref,
+        ...props,
+        "data-component": "avatar-image",
+        className: cn('aspect-square size-full', className)
+    });
+}
+AvatarImage.displayName = __rspack_external__radix_ui_react_avatar_44cfeec7.Image.displayName;
+function AvatarFallback({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_avatar_44cfeec7.Fallback, {
+        ref: ref,
+        ...props,
+        "data-component": "avatar-fallback",
+        className: cn('bg-muted flex size-full items-center justify-center rounded-full text-sm font-medium', className)
+    });
+}
+AvatarFallback.displayName = __rspack_external__radix_ui_react_avatar_44cfeec7.Fallback.displayName;
 function Separator({ className, orientation = 'horizontal', decorative = true, ref, ...props }) {
     return /*#__PURE__*/ __rspack_external_react.createElement(__rspack_external__radix_ui_react_separator_c79cca86.Root, {
         ref: ref,
@@ -1363,9 +1391,10 @@ TooltipContent.displayName = __rspack_external__radix_ui_react_tooltip_b301f25d.
 function MiniAppToolbar({ className, ref, ...props }) {
     return /*#__PURE__*/ __rspack_external_react.createElement("header", {
         ref: ref,
+        ...props,
+        "data-component": "mini-app-toolbar",
         "data-slot": "mini-app-toolbar",
-        className: cn('bg-sidebar/50 border-workspace-divider flex min-h-12 shrink-0 items-center gap-3 border-b px-4 py-2', className),
-        ...props
+        className: cn('bg-sidebar/50 border-workspace-divider flex min-h-12 shrink-0 items-center gap-3 border-b px-4 py-2', className)
     });
 }
 MiniAppToolbar.displayName = 'MiniAppToolbar';
@@ -1375,12 +1404,13 @@ function MiniAppIconButton({ icon, label, size = 'icon-xs', tooltipSide = 'botto
     }, /*#__PURE__*/ __rspack_external_react.createElement(TooltipTrigger, {
         asChild: true
     }, /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        ...props,
         type: type,
         variant: variant,
         size: size,
         "aria-label": label,
-        "data-slot": "mini-app-icon-button",
-        ...props
+        "data-component": "mini-app-icon-button",
+        "data-slot": "mini-app-icon-button"
     }, /*#__PURE__*/ __rspack_external_react.createElement(icon_Icon, {
         icon: icon,
         size: "sm",
@@ -1392,17 +1422,147 @@ function MiniAppIconButton({ icon, label, size = 'icon-xs', tooltipSide = 'botto
 MiniAppIconButton.displayName = 'MiniAppIconButton';
 function MiniAppStatusBar({ children, className, tone = 'neutral', ...props }) {
     return /*#__PURE__*/ __rspack_external_react.createElement(Alert, {
+        ...props,
         role: "status",
         "aria-live": "polite",
+        "data-component": "mini-app-status-bar",
         "data-slot": "mini-app-status-bar",
         variant: 'error' === tone ? 'destructive' : 'success' === tone ? 'success' : 'default',
-        className: cn('max-h-16 overflow-auto rounded-none border-x-0 border-b-0 px-3 py-1.5', className),
-        ...props
+        className: cn('max-h-16 overflow-auto rounded-none border-x-0 border-b-0 px-3 py-1.5', className)
     }, /*#__PURE__*/ __rspack_external_react.createElement(AlertDescription, {
         className: "text-xs"
     }, children));
 }
 MiniAppStatusBar.displayName = 'MiniAppStatusBar';
+function MiniAppPageHeader({ className, ref, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("header", {
+        ref: ref,
+        ...props,
+        "data-component": "mini-app-page-header",
+        className: cn('flex flex-wrap items-start justify-between gap-4', className)
+    });
+}
+MiniAppPageHeader.displayName = 'MiniAppPageHeader';
+function MiniAppPageHeaderContent({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        "data-component": "mini-app-page-header-content",
+        className: cn('min-w-0 flex-1 space-y-1', className)
+    });
+}
+MiniAppPageHeaderContent.displayName = 'MiniAppPageHeaderContent';
+function MiniAppPageHeaderTitle({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(H1, {
+        ...props,
+        "data-component": "mini-app-page-header-title",
+        className: cn('text-2xl leading-8', className)
+    });
+}
+MiniAppPageHeaderTitle.displayName = 'MiniAppPageHeaderTitle';
+function MiniAppPageHeaderDescription({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("p", {
+        ...props,
+        "data-component": "mini-app-page-header-description",
+        className: cn('text-muted-foreground text-sm', className)
+    });
+}
+MiniAppPageHeaderDescription.displayName = "MiniAppPageHeaderDescription";
+function MiniAppPageHeaderActions({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        "data-component": "mini-app-page-header-actions",
+        className: cn('flex shrink-0 flex-wrap items-center gap-2', className)
+    });
+}
+MiniAppPageHeaderActions.displayName = 'MiniAppPageHeaderActions';
+function MiniAppSectionHeader({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("header", {
+        ...props,
+        "data-component": "mini-app-section-header",
+        className: cn('flex flex-wrap items-start justify-between gap-3', className)
+    });
+}
+MiniAppSectionHeader.displayName = 'MiniAppSectionHeader';
+function MiniAppSectionHeaderContent({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        "data-component": "mini-app-section-header-content",
+        className: cn('min-w-0 flex-1 space-y-1', className)
+    });
+}
+MiniAppSectionHeaderContent.displayName = 'MiniAppSectionHeaderContent';
+function MiniAppSectionHeaderTitle({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(H2, {
+        ...props,
+        "data-component": "mini-app-section-header-title",
+        className: cn('text-lg leading-7', className)
+    });
+}
+MiniAppSectionHeaderTitle.displayName = 'MiniAppSectionHeaderTitle';
+function MiniAppSectionHeaderDescription({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("p", {
+        ...props,
+        "data-component": "mini-app-section-header-description",
+        className: cn('text-muted-foreground text-sm', className)
+    });
+}
+MiniAppSectionHeaderDescription.displayName = "MiniAppSectionHeaderDescription";
+function MiniAppSectionHeaderActions({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        "data-component": "mini-app-section-header-actions",
+        className: cn('flex shrink-0 flex-wrap items-center gap-2', className)
+    });
+}
+MiniAppSectionHeaderActions.displayName = 'MiniAppSectionHeaderActions';
+function MiniAppMetric({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Card, {
+        ...props,
+        "data-component": "mini-app-metric",
+        className: cn('border p-0', className)
+    });
+}
+MiniAppMetric.displayName = 'MiniAppMetric';
+function MiniAppMetricHeader({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(CardHeader, {
+        ...props,
+        "data-component": "mini-app-metric-header",
+        className: cn('flex-row items-center justify-between gap-2 p-4 pb-0', className)
+    });
+}
+MiniAppMetricHeader.displayName = 'MiniAppMetricHeader';
+function MiniAppMetricLabel({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        "data-component": "mini-app-metric-label",
+        className: cn('text-muted-foreground text-sm font-medium', className)
+    });
+}
+MiniAppMetricLabel.displayName = 'MiniAppMetricLabel';
+function MiniAppMetricContent({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement(CardContent, {
+        ...props,
+        "data-component": "mini-app-metric-content",
+        className: cn('space-y-1 p-4 pt-3', className)
+    });
+}
+MiniAppMetricContent.displayName = 'MiniAppMetricContent';
+function MiniAppMetricValue({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        ...props,
+        "data-component": "mini-app-metric-value",
+        className: cn('text-foreground text-2xl font-semibold tabular-nums', className)
+    });
+}
+MiniAppMetricValue.displayName = 'MiniAppMetricValue';
+function MiniAppMetricDetail({ className, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("p", {
+        ...props,
+        "data-component": "mini-app-metric-detail",
+        className: cn('text-muted-foreground text-xs', className)
+    });
+}
+MiniAppMetricDetail.displayName = 'MiniAppMetricDetail';
 function NativeSelect({ className, density = 'default', ref, wrapperClassName, ...props }) {
     return /*#__PURE__*/ __rspack_external_react.createElement("div", {
         className: cn('relative min-w-0 max-w-full', wrapperClassName)
@@ -1715,6 +1875,39 @@ function Slider({ className, ref, 'aria-label': ariaLabel, 'aria-labelledby': ar
         })));
 }
 Slider.displayName = 'Slider';
+const statusIndicatorVariants = cva('rounded-full', {
+    variants: {
+        tone: {
+            success: 'bg-success',
+            warning: 'bg-warning',
+            destructive: 'bg-destructive',
+            neutral: 'bg-muted-foreground'
+        },
+        size: {
+            sm: 'size-2.5',
+            md: 'size-3',
+            lg: 'size-4'
+        }
+    },
+    defaultVariants: {
+        tone: 'neutral',
+        size: 'md'
+    }
+});
+function StatusIndicator({ className, label, ref, size, tone, ...props }) {
+    return /*#__PURE__*/ __rspack_external_react.createElement("span", {
+        ref: ref,
+        ...props,
+        "data-component": "status-indicator",
+        className: cn(statusIndicatorVariants({
+            tone,
+            size
+        }), className),
+        role: "status",
+        "aria-label": label
+    });
+}
+StatusIndicator.displayName = 'StatusIndicator';
 const Table = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, density = 'default', ...props }, ref)=>/*#__PURE__*/ __rspack_external_react.createElement("div", {
         className: "relative w-full overflow-auto"
     }, /*#__PURE__*/ __rspack_external_react.createElement("table", {
@@ -1849,4 +2042,4 @@ const ToggleGroupItem = /*#__PURE__*/ __rspack_external_react.forwardRef(({ clas
         ...props
     }, children));
 ToggleGroupItem.displayName = __rspack_external__radix_ui_react_toggle_group_1cb63752.Item.displayName;
-export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, H1, H2, H3, H4, H5, H6, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, MiniAppIconButton, MiniAppStatusBar, MiniAppToolbar, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NativeViewOcclusionProvider, Progress, RadioCard, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Slider, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn, code_block_CodeBlock as CodeBlock, code_block_CodeBlockCopyButton as CodeBlockCopyButton, icon_Icon as Icon, useNativeViewOcclusion };
+export { Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, Avatar, AvatarFallback, AvatarImage, Badge, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, H1, H2, H3, H4, H5, H6, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, MiniAppIconButton, MiniAppMetric, MiniAppMetricContent, MiniAppMetricDetail, MiniAppMetricHeader, MiniAppMetricLabel, MiniAppMetricValue, MiniAppPageHeader, MiniAppPageHeaderActions, MiniAppPageHeaderContent, MiniAppPageHeaderDescription, MiniAppPageHeaderTitle, MiniAppSectionHeader, MiniAppSectionHeaderActions, MiniAppSectionHeaderContent, MiniAppSectionHeaderDescription, MiniAppSectionHeaderTitle, MiniAppStatusBar, MiniAppToolbar, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NativeViewOcclusionProvider, Progress, RadioCard, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Skeleton, Slider, StatusIndicator, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, cn, code_block_CodeBlock as CodeBlock, code_block_CodeBlockCopyButton as CodeBlockCopyButton, icon_Icon as Icon, useNativeViewOcclusion };

package/dist/web.d.ts

@@ -137,7 +137,7 @@ declare type MiniAppAuthApi = {
 };
 
 /**
- * @capability integrations-and-marketplace
+ * @capability miniapp-platform
  */
 declare type MiniAppChannel = {
     roomId: string;
@@ -181,6 +181,85 @@ declare type MiniAppCreateSpecialistResult = {
     isActive: boolean;
 };
 
+/** Metadata-only access to host-managed credentials in the active workspace. */
+declare type MiniAppCredentialsApi = {
+    listHttp(): MiniAppMaybePromise<MiniAppHttpCredentialMetadata[]>;
+};
+
+/** Host-mediated bounded HTTP(S); browser fetch is not the authority. */
+declare type MiniAppHttpApi = {
+    request(input: MiniAppHttpRequestInput, options?: MiniAppHttpRequestOptions): MiniAppMaybePromise<MiniAppHttpResponse>;
+};
+
+/** Metadata-only stored HTTP credential. Secret fields never cross IPC. */
+declare type MiniAppHttpCredentialMetadata = {
+    id: string;
+    credentialType: MiniAppHttpCredentialType;
+    displayName: string;
+    metadataFields: Record<string, string>;
+};
+
+declare type MiniAppHttpCredentialType = 'http_bearer' | 'http_basic' | 'http_header_auth' | 'http_api_key';
+
+declare type MiniAppHttpHeader = {
+    name: string;
+    value: string;
+};
+
+declare type MiniAppHttpHeaderInput = {
+    name: string;
+    value: string;
+    /** Defaults to true when omitted. */
+    enabled?: boolean;
+};
+
+declare type MiniAppHttpQueryInput = {
+    name: string;
+    value: string;
+    /** Defaults to true when omitted. */
+    enabled?: boolean;
+};
+
+declare type MiniAppHttpRequestInput = {
+    method: string;
+    url: string;
+    query?: MiniAppHttpQueryInput[];
+    headers?: MiniAppHttpHeaderInput[];
+    body?: string | null;
+    /** Defaults to 30 seconds and is capped by the host at 120 seconds. */
+    timeoutMs?: number | null;
+    /** Defaults to 5 MiB and is capped by the host at 10 MiB. */
+    responseBodyLimitBytes?: number | null;
+    /**
+     * Defaults to false. The host follows at most ten same-origin redirects;
+     * cross-origin redirects require a separate request and grant.
+     */
+    followRedirects?: boolean | null;
+};
+
+declare type MiniAppHttpRequestOptions = {
+    /**
+     * Opaque host-managed credential reference. Secret material never enters
+     * miniapp JavaScript.
+     */
+    credentialRef?: string;
+};
+
+declare type MiniAppHttpResponse = {
+    finalUrl: string;
+    status: number;
+    statusText: string;
+    /** Ordered entries; duplicate response header names remain separate. */
+    headers: MiniAppHttpHeader[];
+    bodyText: string | null;
+    bodyBase64: string | null;
+    bodyKind: 'text' | 'binary';
+    bodyTruncated: boolean;
+    sizeBytes: number;
+    elapsedMs: number;
+    contentType: string | null;
+};
+
 /** JSON-compatible values accepted by public miniapp operations. */
 declare type MiniAppJsonValue = null | boolean | number | string | MiniAppJsonValue[] | {
     [key: string]: MiniAppJsonValue;
@@ -277,6 +356,10 @@ export declare type MiniAppPlatformApi = {
     chat: MiniAppChatApi;
     storage: MiniAppStorageApi;
     presence: MiniAppPresenceApi;
+    /** Desktop host capability; feature-detect before use on portable targets. */
+    http?: MiniAppHttpApi;
+    /** Desktop host capability; feature-detect before use on portable targets. */
+    credentials?: MiniAppCredentialsApi;
     /** Browser capabilities appear only when the selected target supports them. */
     auth?: MiniAppAuthApi;
     vfs?: MiniAppVfsApi;