@iota-uz/sdk 0.3.0 → 0.3.1

package/dist/bichat/styles.css

@@ -108,6 +108,9 @@
   --bichat-color-text-muted: var(--bichat-color-gray-500);
   --bichat-color-text-disabled: var(--bichat-color-gray-400);
   --bichat-color-text-inverse: #ffffff;
+  --bichat-color-code-text: var(--bichat-color-gray-800);
+  --bichat-color-code-bg: var(--bichat-color-gray-100);
+  --bichat-color-text-icon: var(--bichat-color-gray-500);
 
   --bichat-color-border: var(--bichat-color-gray-200);
   --bichat-color-border-subtle: var(--bichat-color-gray-100);
@@ -181,7 +184,7 @@
   /* Semantic radius aliases */
   --bichat-radius-bubble: var(--bichat-radius-2xl);
   --bichat-radius-bubble-tail: var(--bichat-radius-sm);
-  --bichat-radius-button: var(--bichat-radius-md);
+  --bichat-radius-button: var(--bichat-radius-lg);
   --bichat-radius-input: var(--bichat-radius-lg);
   --bichat-radius-card: var(--bichat-radius-xl);
   --bichat-radius-modal: var(--bichat-radius-2xl);
@@ -198,10 +201,12 @@
   --bichat-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
   --bichat-shadow-none: 0 0 #0000;
 
-  /* Focus ring */
+  /* Focus ring (WCAG 2.4.7 Focus Visible - high contrast for keyboard users) */
   --bichat-ring-width: 2px;
   --bichat-ring-offset: 2px;
-  --bichat-ring-color: rgba(59, 130, 246, 0.5);
+  --bichat-ring-color: var(--bichat-color-primary-500);
+  --bichat-focus-ring: 0 0 0 var(--bichat-ring-width) var(--bichat-ring-color);
+  --bichat-focus-ring-offset: 0 0 0 var(--bichat-ring-offset) var(--bichat-color-surface);
 
   /* -------------------------------------------------------------------------
      Transitions & Animation
@@ -271,6 +276,9 @@
   --bichat-color-text-secondary: var(--bichat-color-gray-300);
   --bichat-color-text-muted: var(--bichat-color-gray-400);
   --bichat-color-text-disabled: var(--bichat-color-gray-500);
+  --bichat-color-code-text: var(--bichat-color-gray-200);
+  --bichat-color-code-bg: var(--bichat-color-gray-800);
+  --bichat-color-text-icon: var(--bichat-color-gray-400);
 
   --bichat-color-border: var(--bichat-color-gray-700);
   --bichat-color-border-subtle: var(--bichat-color-gray-800);
@@ -299,44 +307,6 @@
   --bichat-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -4px rgba(0, 0, 0, 0.4);
 }
 
-/* System preference dark mode */
-@media (prefers-color-scheme: dark) {
-  :root:not([data-theme="light"]) {
-    --bichat-color-bg: var(--bichat-color-gray-900);
-    --bichat-color-bg-subtle: var(--bichat-color-gray-800);
-    --bichat-color-bg-muted: var(--bichat-color-gray-700);
-
-    --bichat-color-surface: var(--bichat-color-gray-800);
-    --bichat-color-surface-raised: var(--bichat-color-gray-750, #2d3748);
-    --bichat-color-surface-overlay: rgba(31, 41, 55, 0.9);
-
-    --bichat-color-text: var(--bichat-color-gray-100);
-    --bichat-color-text-secondary: var(--bichat-color-gray-300);
-    --bichat-color-text-muted: var(--bichat-color-gray-400);
-    --bichat-color-text-disabled: var(--bichat-color-gray-500);
-
-    --bichat-color-border: var(--bichat-color-gray-700);
-    --bichat-color-border-subtle: var(--bichat-color-gray-800);
-    --bichat-color-border-strong: var(--bichat-color-gray-600);
-
-    --bichat-color-accent-muted: var(--bichat-color-primary-900);
-
-    --bichat-color-user-bubble-bg: var(--bichat-color-primary-700);
-    --bichat-color-assistant-bubble-bg: var(--bichat-color-gray-800);
-    --bichat-color-assistant-bubble-border: var(--bichat-color-gray-700);
-    --bichat-color-system-bubble-bg: var(--bichat-color-gray-800);
-
-    --bichat-color-input-bg: var(--bichat-color-gray-800);
-    --bichat-color-input-border: var(--bichat-color-gray-700);
-
-    /* Legacy compatibility */
-    --bichat-bg: var(--bichat-color-bg);
-    --bichat-text: var(--bichat-color-text);
-    --bichat-border: var(--bichat-color-border);
-    --bichat-bubble-assistant: var(--bichat-color-assistant-bubble-bg);
-  }
-}
-
 /* =============================================================================
    Base Styles
    ============================================================================= */
@@ -351,6 +321,73 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+/* Buttons and button-like elements: pointer cursor; disabled: not-allowed
+   :host is required when styles are injected into the applet shadow root (bi-chat-root) */
+:host button,
+:host [role="button"],
+:host [role="tab"],
+.bichat-session button,
+.bichat-session [role="button"],
+.bichat-session [role="tab"],
+bi-chat-root button,
+bi-chat-root [role="button"],
+bi-chat-root [role="tab"] {
+  cursor: pointer;
+}
+:host button:disabled,
+:host [role="button"][aria-disabled="true"],
+.bichat-session button:disabled,
+.bichat-session [role="button"][aria-disabled="true"],
+bi-chat-root button:disabled,
+bi-chat-root [role="button"][aria-disabled="true"] {
+  cursor: not-allowed;
+}
+
+/* Focus visible: high-contrast focus rings for keyboard navigation (WCAG 2.4.7) */
+.bichat-session button:focus-visible,
+.bichat-session a:focus-visible,
+.bichat-session input:focus-visible,
+.bichat-session textarea:focus-visible,
+.bichat-session [role="button"]:focus-visible,
+.bichat-session [role="menuitem"]:focus-visible,
+.bichat-session [role="tab"]:focus-visible,
+.bichat-session select:focus-visible,
+.bichat-session [tabindex]:not([tabindex="-1"]):focus-visible,
+bi-chat-root button:focus-visible,
+bi-chat-root a:focus-visible,
+bi-chat-root input:focus-visible,
+bi-chat-root textarea:focus-visible,
+bi-chat-root [role="button"]:focus-visible,
+bi-chat-root [role="menuitem"]:focus-visible,
+bi-chat-root [role="tab"]:focus-visible,
+bi-chat-root select:focus-visible,
+bi-chat-root [tabindex]:not([tabindex="-1"]):focus-visible {
+  outline: none;
+  box-shadow: var(--bichat-focus-ring-offset), var(--bichat-focus-ring);
+  border-radius: inherit;
+}
+
+.dark .bichat-session button:focus-visible,
+.dark .bichat-session a:focus-visible,
+.dark .bichat-session input:focus-visible,
+.dark .bichat-session textarea:focus-visible,
+.dark .bichat-session [role="button"]:focus-visible,
+.dark .bichat-session [role="menuitem"]:focus-visible,
+.dark .bichat-session [role="tab"]:focus-visible,
+.dark .bichat-session select:focus-visible,
+.dark .bichat-session [tabindex]:not([tabindex="-1"]):focus-visible,
+.dark bi-chat-root button:focus-visible,
+.dark bi-chat-root a:focus-visible,
+.dark bi-chat-root input:focus-visible,
+.dark bi-chat-root textarea:focus-visible,
+.dark bi-chat-root [role="button"]:focus-visible,
+.dark bi-chat-root [role="menuitem"]:focus-visible,
+.dark bi-chat-root [role="tab"]:focus-visible,
+.dark bi-chat-root select:focus-visible,
+.dark bi-chat-root [tabindex]:not([tabindex="-1"]):focus-visible {
+  --bichat-focus-ring: 0 0 0 var(--bichat-ring-width) var(--bichat-color-primary-400);
+}
+
 /* =============================================================================
    Scrollbar Styles
    ============================================================================= */
@@ -453,6 +490,67 @@
   animation: bichat-slide-up var(--bichat-transition-slow) var(--bichat-ease-out);
 }
 
+/* =============================================================================
+   Thinking Shimmer Animation
+   ============================================================================= */
+
+.bichat-thinking-shimmer {
+  -webkit-mask-image: linear-gradient(
+    -45deg,
+    rgba(0, 0, 0, 1) 20%,
+    rgba(0, 0, 0, 1) 40%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 1) 60%,
+    rgba(0, 0, 0, 1) 80%
+  );
+  mask-image: linear-gradient(
+    -45deg,
+    rgba(0, 0, 0, 1) 20%,
+    rgba(0, 0, 0, 1) 40%,
+    rgba(0, 0, 0, 0.2) 50%,
+    rgba(0, 0, 0, 1) 60%,
+    rgba(0, 0, 0, 1) 80%
+  );
+  -webkit-mask-size: 300% 100%;
+  mask-size: 300% 100%;
+  animation: bichat-thinking-shimmer 4.5s linear infinite;
+}
+
+.dark .bichat-thinking-shimmer {
+  -webkit-mask-image: linear-gradient(
+    -45deg,
+    rgba(0, 0, 0, 1) 15%,
+    rgba(0, 0, 0, 1) 35%,
+    rgba(0, 0, 0, 0.3) 50%,
+    rgba(0, 0, 0, 1) 65%,
+    rgba(0, 0, 0, 1) 85%
+  );
+  mask-image: linear-gradient(
+    -45deg,
+    rgba(0, 0, 0, 1) 15%,
+    rgba(0, 0, 0, 1) 35%,
+    rgba(0, 0, 0, 0.3) 50%,
+    rgba(0, 0, 0, 1) 65%,
+    rgba(0, 0, 0, 1) 85%
+  );
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .bichat-thinking-shimmer,
+  .animate-pulse,
+  .animate-bounce,
+  .animate-spin,
+  .animate-fade-in,
+  .animate-slide-up {
+    animation: none;
+  }
+}
+
+@keyframes bichat-thinking-shimmer {
+  0% { -webkit-mask-position: 130% 0; mask-position: 130% 0; }
+  100% { -webkit-mask-position: -30% 0; mask-position: -30% 0; }
+}
+
 /* =============================================================================
    Prose / Markdown Styles
    ============================================================================= */
@@ -484,11 +582,27 @@
   line-height: var(--bichat-line-height-tight);
 }
 
-.prose h1 { font-size: var(--bichat-font-size-2xl); }
-.prose h2 { font-size: var(--bichat-font-size-xl); }
-.prose h3 { font-size: var(--bichat-font-size-lg); }
+.prose h1 {
+  font-size: 1.625rem;
+  font-weight: var(--bichat-font-weight-bold);
+}
+
+.prose h2 {
+  font-size: 1.375rem;
+  margin-top: 2em;
+}
+
+.prose h3 {
+  font-size: var(--bichat-font-size-lg);
+  font-weight: var(--bichat-font-weight-semibold);
+}
+
 .prose h4 { font-size: var(--bichat-font-size-base); }
 
+.prose > * + h2 {
+  margin-top: 2em;
+}
+
 .prose p {
   margin-top: 0.75em;
   margin-bottom: 0.75em;
@@ -500,16 +614,17 @@
 }
 
 .prose code {
-  background-color: var(--bichat-color-bg-subtle);
-  color: var(--bichat-color-text);
-  padding: 0.125em 0.375em;
-  border-radius: var(--bichat-radius-default);
+  background-color: var(--bichat-color-code-bg);
+  color: var(--bichat-color-code-text);
+  padding: 0.2em 0.5em;
+  border-radius: var(--bichat-radius-md);
+  border: 1px solid var(--bichat-color-border-subtle);
   font-family: var(--bichat-font-family-mono);
   font-size: 0.875em;
 }
 
 .prose pre {
-  background-color: var(--bichat-color-gray-900);
+  background-color: var(--bichat-color-code-bg);
   color: var(--bichat-color-gray-100);
   padding: var(--bichat-spacing-4);
   border-radius: var(--bichat-radius-lg);
@@ -527,6 +642,7 @@
   color: inherit;
   font-size: inherit;
   border-radius: 0;
+  border: none;
 }
 
 .prose a {

package/dist/index-B73-BCi-.d.cts

@@ -0,0 +1,84 @@
+/**
+ * TypeScript type definitions for IOTA SDK Applet Core
+ * Matches Go backend types from pkg/applet/types.go
+ */
+interface InitialContext {
+    user: UserContext;
+    tenant: TenantContext;
+    locale: LocaleContext;
+    config: AppConfig;
+    route: RouteContext;
+    session: SessionContext;
+    error: ErrorContext | null;
+    extensions?: Record<string, unknown>;
+}
+interface UserContext {
+    id: number;
+    email: string;
+    firstName: string;
+    lastName: string;
+    permissions: string[];
+}
+interface TenantContext {
+    id: string;
+    name: string;
+}
+interface LocaleContext {
+    language: string;
+    translations: Record<string, string>;
+}
+interface AppConfig {
+    graphQLEndpoint?: string;
+    streamEndpoint?: string;
+    restEndpoint?: string;
+    basePath?: string;
+    assetsBasePath?: string;
+    rpcUIEndpoint?: string;
+    shellMode?: 'embedded' | 'standalone';
+}
+interface RouteContext {
+    path: string;
+    params: Record<string, string>;
+    query: Record<string, string>;
+}
+interface SessionContext {
+    expiresAt: number;
+    refreshURL: string;
+    csrfToken: string;
+}
+interface ErrorContext {
+    supportEmail?: string;
+    debugMode: boolean;
+    errorCodes?: Record<string, string>;
+    retryConfig?: RetryConfig;
+}
+interface RetryConfig {
+    maxAttempts: number;
+    backoffMs: number;
+}
+/**
+ * Hook return types
+ */
+interface TranslationHook {
+    t: (key: string, params?: Record<string, unknown>) => string;
+    language: string;
+}
+interface PermissionsHook {
+    hasPermission: (permission: string) => boolean;
+    hasAnyPermission: (...permissions: string[]) => boolean;
+    permissions: string[];
+}
+interface SessionHook {
+    isExpiringSoon: boolean;
+    refreshSession: () => Promise<void>;
+    csrfToken: string;
+    expiresAt: number;
+}
+interface StreamingHook {
+    isStreaming: boolean;
+    processStream: <T>(generator: AsyncGenerator<T>, onChunk: (chunk: T) => void, signal?: AbortSignal) => Promise<void>;
+    cancel: () => void;
+    reset: () => void;
+}
+
+export type { AppConfig as A, InitialContext as I, LocaleContext as L, PermissionsHook as P, RouteContext as R, SessionHook as S, TranslationHook as T, UserContext as U, StreamingHook as a, SessionContext as b, TenantContext as c };

package/dist/index-B73-BCi-.d.ts

@@ -0,0 +1,84 @@
+/**
+ * TypeScript type definitions for IOTA SDK Applet Core
+ * Matches Go backend types from pkg/applet/types.go
+ */
+interface InitialContext {
+    user: UserContext;
+    tenant: TenantContext;
+    locale: LocaleContext;
+    config: AppConfig;
+    route: RouteContext;
+    session: SessionContext;
+    error: ErrorContext | null;
+    extensions?: Record<string, unknown>;
+}
+interface UserContext {
+    id: number;
+    email: string;
+    firstName: string;
+    lastName: string;
+    permissions: string[];
+}
+interface TenantContext {
+    id: string;
+    name: string;
+}
+interface LocaleContext {
+    language: string;
+    translations: Record<string, string>;
+}
+interface AppConfig {
+    graphQLEndpoint?: string;
+    streamEndpoint?: string;
+    restEndpoint?: string;
+    basePath?: string;
+    assetsBasePath?: string;
+    rpcUIEndpoint?: string;
+    shellMode?: 'embedded' | 'standalone';
+}
+interface RouteContext {
+    path: string;
+    params: Record<string, string>;
+    query: Record<string, string>;
+}
+interface SessionContext {
+    expiresAt: number;
+    refreshURL: string;
+    csrfToken: string;
+}
+interface ErrorContext {
+    supportEmail?: string;
+    debugMode: boolean;
+    errorCodes?: Record<string, string>;
+    retryConfig?: RetryConfig;
+}
+interface RetryConfig {
+    maxAttempts: number;
+    backoffMs: number;
+}
+/**
+ * Hook return types
+ */
+interface TranslationHook {
+    t: (key: string, params?: Record<string, unknown>) => string;
+    language: string;
+}
+interface PermissionsHook {
+    hasPermission: (permission: string) => boolean;
+    hasAnyPermission: (...permissions: string[]) => boolean;
+    permissions: string[];
+}
+interface SessionHook {
+    isExpiringSoon: boolean;
+    refreshSession: () => Promise<void>;
+    csrfToken: string;
+    expiresAt: number;
+}
+interface StreamingHook {
+    isStreaming: boolean;
+    processStream: <T>(generator: AsyncGenerator<T>, onChunk: (chunk: T) => void, signal?: AbortSignal) => Promise<void>;
+    cancel: () => void;
+    reset: () => void;
+}
+
+export type { AppConfig as A, InitialContext as I, LocaleContext as L, PermissionsHook as P, RouteContext as R, SessionHook as S, TranslationHook as T, UserContext as U, StreamingHook as a, SessionContext as b, TenantContext as c };