@tuturuuu/ui 0.18.0 → 0.19.1

package/CHANGELOG.md

@@ -1,5 +1,44 @@
 # Changelog
 
+## [0.19.1](https://github.com/tutur3u/platform/compare/ui-v0.19.0...ui-v0.19.1) (2026-07-21)
+
+
+### Bug Fixes
+
+* **ui:** publish portable vendored dependencies ([99ad359](https://github.com/tutur3u/platform/commit/99ad35903a27b8f9df26f22fc5f1003aed363d6f))
+
+## [0.19.0](https://github.com/tutur3u/platform/compare/ui-v0.18.0...ui-v0.19.0) (2026-07-21)
+
+
+### Features
+
+* **calendar:** redesign workspace sidebar ([194e126](https://github.com/tutur3u/platform/commit/194e1267e573e50416f3866826e2a182b3ff8729))
+* **satellite:** unify app switcher headers ([411a00c](https://github.com/tutur3u/platform/commit/411a00c9cbb584579e0d8f8e7fa4c2721c414ba3))
+
+
+### Bug Fixes
+
+* **calendar:** restore provider calendar management ([68753a8](https://github.com/tutur3u/platform/commit/68753a865dcc25a35cd53e5fc7ced1913b9a10bb))
+* **chat:** stop Zalo phone sync spam ([b45e778](https://github.com/tutur3u/platform/commit/b45e778693f175b7bafcd00d6b3ec46f079a946c))
+* **ci:** keep task helper collection source-only ([7355a05](https://github.com/tutur3u/platform/commit/7355a05385ccd8d1e2d1bcf6ac15ae5297e057ad))
+* **ci:** resolve shared task helper during e2e collection ([0319a3b](https://github.com/tutur3u/platform/commit/0319a3bd0df12592b823b7cebdff38cea3e50836))
+* **inventory:** correct storefront bundle checkout ([cb9c247](https://github.com/tutur3u/platform/commit/cb9c24740ceb77f9426ba640383a68bd9ed95d2c))
+* **inventory:** polish mobile sales and settings ([59ef49c](https://github.com/tutur3u/platform/commit/59ef49cde2095361e2b13ce36848e1e39f772c18))
+* resolve code quality findings ([63f10b5](https://github.com/tutur3u/platform/commit/63f10b5ec22a4194f48f448ee2b1b088b5da8f08))
+* **satellite:** harden workspace settings translations ([7315a2d](https://github.com/tutur3u/platform/commit/7315a2da7b75fd1d66c1c89885aaebc857a44a19))
+* **satellite:** restore mobile workspace settings ([e276f40](https://github.com/tutur3u/platform/commit/e276f4006175cfb501410b3875e661d3975c27f2))
+* **satellite:** restore workspace settings access ([6b4c4f9](https://github.com/tutur3u/platform/commit/6b4c4f92b06b5a68d3116b744a1b8fa6dd9668d2))
+* **security:** remediate code scanning findings ([023db2e](https://github.com/tutur3u/platform/commit/023db2edf4b0557be108a9d772cbc7e2223af947))
+* **tasks:** repair onboarding and external metadata ([e0b62eb](https://github.com/tutur3u/platform/commit/e0b62eb7119155f6e4cad3dc4fb4d0f9820c98e8))
+* **ui:** prevent iOS form focus zoom ([a0e3f3c](https://github.com/tutur3u/platform/commit/a0e3f3cc10e0ef0676714857088ff8d2b826dcd2))
+
+
+### Performance Improvements
+
+* **inventory:** add event-driven storefront caching ([2f571f4](https://github.com/tutur3u/platform/commit/2f571f4fc534bf5dee0ca36c4310d87b44e6e613))
+* **storefront:** share customer navigation shell ([21cb78d](https://github.com/tutur3u/platform/commit/21cb78db484d1e1fdb9f2469fcac4e3a948bd176))
+* **storefront:** stabilize navigation and cart rendering ([471c6b7](https://github.com/tutur3u/platform/commit/471c6b75abc6a4d69692e868cc1b220785e03262))
+
 ## [0.18.0](https://github.com/tutur3u/platform/compare/ui-v0.17.0...ui-v0.18.0) (2026-07-18)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tuturuuu/ui",
-  "version": "0.18.0",
+  "version": "0.19.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -24,33 +24,33 @@
     "@hookform/resolvers": "^5.4.0",
     "@json-render/core": "^0.19.0",
     "@json-render/react": "^0.19.0",
-    "@radix-ui/react-accordion": "^1.2.16",
-    "@radix-ui/react-alert-dialog": "^1.1.19",
-    "@radix-ui/react-aspect-ratio": "^1.1.11",
-    "@radix-ui/react-avatar": "^1.2.2",
-    "@radix-ui/react-checkbox": "^1.3.7",
-    "@radix-ui/react-collapsible": "^1.1.16",
-    "@radix-ui/react-context-menu": "^2.3.3",
-    "@radix-ui/react-dialog": "^1.1.19",
-    "@radix-ui/react-dropdown-menu": "^2.1.20",
-    "@radix-ui/react-hover-card": "^1.1.19",
-    "@radix-ui/react-label": "^2.1.11",
-    "@radix-ui/react-menubar": "^1.1.20",
-    "@radix-ui/react-navigation-menu": "^1.2.18",
-    "@radix-ui/react-popover": "^1.1.19",
-    "@radix-ui/react-progress": "^1.1.12",
-    "@radix-ui/react-radio-group": "^1.4.3",
-    "@radix-ui/react-scroll-area": "^1.2.14",
-    "@radix-ui/react-select": "^2.3.3",
-    "@radix-ui/react-separator": "^1.1.11",
-    "@radix-ui/react-slider": "^1.4.3",
+    "@radix-ui/react-accordion": "^1.2.17",
+    "@radix-ui/react-alert-dialog": "^1.1.20",
+    "@radix-ui/react-aspect-ratio": "^1.1.12",
+    "@radix-ui/react-avatar": "^1.2.3",
+    "@radix-ui/react-checkbox": "^1.3.8",
+    "@radix-ui/react-collapsible": "^1.1.17",
+    "@radix-ui/react-context-menu": "^2.3.4",
+    "@radix-ui/react-dialog": "^1.1.20",
+    "@radix-ui/react-dropdown-menu": "^2.1.21",
+    "@radix-ui/react-hover-card": "^1.1.20",
+    "@radix-ui/react-label": "^2.1.12",
+    "@radix-ui/react-menubar": "^1.1.21",
+    "@radix-ui/react-navigation-menu": "^1.2.19",
+    "@radix-ui/react-popover": "^1.1.20",
+    "@radix-ui/react-progress": "^1.1.13",
+    "@radix-ui/react-radio-group": "^1.4.4",
+    "@radix-ui/react-scroll-area": "^1.2.15",
+    "@radix-ui/react-select": "^2.3.4",
+    "@radix-ui/react-separator": "^1.1.12",
+    "@radix-ui/react-slider": "^1.4.4",
     "@radix-ui/react-slot": "^1.3.0",
-    "@radix-ui/react-switch": "^1.3.3",
-    "@radix-ui/react-tabs": "^1.1.17",
-    "@radix-ui/react-toast": "^1.2.19",
-    "@radix-ui/react-toggle": "^1.1.14",
-    "@radix-ui/react-toggle-group": "^1.1.15",
-    "@radix-ui/react-tooltip": "^1.2.12",
+    "@radix-ui/react-switch": "^1.3.4",
+    "@radix-ui/react-tabs": "^1.1.18",
+    "@radix-ui/react-toast": "^1.2.20",
+    "@radix-ui/react-toggle": "^1.1.15",
+    "@radix-ui/react-toggle-group": "^1.1.16",
+    "@radix-ui/react-tooltip": "^1.2.13",
     "@streamdown/cjk": "^1.0.3",
     "@streamdown/code": "^1.1.1",
     "@streamdown/math": "^1.0.2",
@@ -60,39 +60,39 @@
     "@tanstack/react-query": "^5.101.2",
     "@tanstack/react-table": "^8.21.3",
     "@tanstack/react-virtual": "^3.14.6",
-    "@tiptap/core": "3.27.4",
-    "@tiptap/extension-collaboration": "3.27.4",
-    "@tiptap/extension-collaboration-caret": "3.27.4",
-    "@tiptap/extension-color": "3.27.4",
-    "@tiptap/extension-drag-handle": "3.27.4",
-    "@tiptap/extension-drag-handle-react": "3.27.4",
-    "@tiptap/extension-highlight": "3.27.4",
-    "@tiptap/extension-horizontal-rule": "3.27.4",
-    "@tiptap/extension-image": "3.27.4",
-    "@tiptap/extension-link": "3.27.4",
-    "@tiptap/extension-list": "3.27.4",
-    "@tiptap/extension-node-range": "3.27.4",
-    "@tiptap/extension-placeholder": "3.27.4",
-    "@tiptap/extension-strike": "3.27.4",
-    "@tiptap/extension-subscript": "3.27.4",
-    "@tiptap/extension-superscript": "3.27.4",
-    "@tiptap/extension-table": "3.27.4",
-    "@tiptap/extension-table-cell": "3.27.4",
-    "@tiptap/extension-table-header": "3.27.4",
-    "@tiptap/extension-table-row": "3.27.4",
-    "@tiptap/extension-text-align": "3.27.4",
-    "@tiptap/extension-text-style": "3.27.4",
-    "@tiptap/extension-youtube": "3.27.4",
-    "@tiptap/pm": "3.27.4",
-    "@tiptap/react": "3.27.4",
-    "@tiptap/starter-kit": "3.27.4",
-    "@tuturuuu/ai": "0.2.2",
-    "@tuturuuu/apis": "0.9.1",
+    "@tiptap/core": "3.28.0",
+    "@tiptap/extension-collaboration": "3.28.0",
+    "@tiptap/extension-collaboration-caret": "3.28.0",
+    "@tiptap/extension-color": "3.28.0",
+    "@tiptap/extension-drag-handle": "3.28.0",
+    "@tiptap/extension-drag-handle-react": "3.28.0",
+    "@tiptap/extension-highlight": "3.28.0",
+    "@tiptap/extension-horizontal-rule": "3.28.0",
+    "@tiptap/extension-image": "3.28.0",
+    "@tiptap/extension-link": "3.28.0",
+    "@tiptap/extension-list": "3.28.0",
+    "@tiptap/extension-node-range": "3.28.0",
+    "@tiptap/extension-placeholder": "3.28.0",
+    "@tiptap/extension-strike": "3.28.0",
+    "@tiptap/extension-subscript": "3.28.0",
+    "@tiptap/extension-superscript": "3.28.0",
+    "@tiptap/extension-table": "3.28.0",
+    "@tiptap/extension-table-cell": "3.28.0",
+    "@tiptap/extension-table-header": "3.28.0",
+    "@tiptap/extension-table-row": "3.28.0",
+    "@tiptap/extension-text-align": "3.28.0",
+    "@tiptap/extension-text-style": "3.28.0",
+    "@tiptap/extension-youtube": "3.28.0",
+    "@tiptap/pm": "3.28.0",
+    "@tiptap/react": "3.28.0",
+    "@tiptap/starter-kit": "3.28.0",
+    "@tuturuuu/ai": "0.3.0",
+    "@tuturuuu/apis": "0.9.2",
     "@tuturuuu/hooks": "0.0.2",
     "@tuturuuu/icons": "0.0.6",
-    "@tuturuuu/internal-api": "0.19.0",
-    "@tuturuuu/supabase": "0.4.0",
-    "@tuturuuu/utils": "0.16.0",
+    "@tuturuuu/internal-api": "0.20.0",
+    "@tuturuuu/supabase": "0.4.1",
+    "@tuturuuu/utils": "0.17.0",
     "@types/debug": "^4.1.13",
     "browser-image-compression": "^2.0.2",
     "class-variance-authority": "^0.7.1",
@@ -108,23 +108,23 @@
     "gsap": "^3.15.0",
     "html2canvas-pro": "^2.2.4",
     "input-otp": "^1.4.2",
-    "katex": "^0.17.0",
+    "katex": "^0.18.1",
     "lodash": "4.18.1",
     "moment": "^2.30.1",
     "motion": "^12.42.2",
     "next": "^16.3.0-preview.6",
     "next-intl": "^4.13.2",
     "next-themes": "^0.4.6",
-    "nuqs": "^2.9.0",
+    "nuqs": "^2.9.1",
     "prosemirror-state": "^1.4.4",
-    "prosemirror-view": "1.41.9",
+    "prosemirror-view": "1.42.1",
     "qrcode.react": "^4.2.0",
     "react": "^19.2.7",
     "react-colorful": "^5.8.0",
     "react-day-picker": "^10.0.1",
     "react-dom": "^19.2.7",
-    "react-dropzone": "^17.0.0",
-    "react-hook-form": "^7.81.0",
+    "react-dropzone": "^19.1.1",
+    "react-hook-form": "^7.82.0",
     "react-markdown": "^10.1.0",
     "react-papaparse": "^4.4.0",
     "react-pdf": "^10.4.1",
@@ -141,19 +141,18 @@
     "tiptap-extension-resize-image": "^1.4.4",
     "use-debounce": "^10.1.1",
     "vaul": "^1.1.2",
-    "xlsx": "file:vendor/xlsx-0.20.3.tgz",
     "y-protocols": "^1.0.7",
     "yjs": "^13.6.31",
     "zod": "^4.4.3"
   },
   "devDependencies": {
-    "@tailwindcss/postcss": "^4.3.2",
+    "@tailwindcss/postcss": "^4.3.3",
     "@tailwindcss/typography": "^0.5.20",
     "@tanstack/react-query": "^5.101.2",
     "@tanstack/react-table": "^8.21.3",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
-    "@tuturuuu/types": "0.18.0",
+    "@tuturuuu/types": "0.19.0",
     "@tuturuuu/typescript-config": "0.1.1",
     "@types/html2canvas": "^1.0.0",
     "@types/lodash": "^4.17.24",
@@ -164,11 +163,11 @@
     "@types/react-syntax-highlighter": "^15.5.13",
     "@types/uuid": "^11.0.0",
     "@vitejs/plugin-react": "^6.0.3",
-    "autoprefixer": "^10.5.3",
+    "autoprefixer": "^10.5.4",
     "jsdom": "^29.1.1",
-    "postcss": "^8.5.19",
+    "postcss": "^8.5.20",
     "postcss-load-config": "^6.0.1",
-    "tailwindcss": "^4.3.2",
+    "tailwindcss": "^4.3.3",
     "typescript": "7.0.2",
     "uuid": "^14.0.1",
     "vitest": "^4.1.10"
@@ -232,7 +231,12 @@
     "./hooks/useSearchParams": "./src/hooks/useSearchParams.tsx",
     "./resolvers": "./src/resolvers.ts",
     "./gsap": "./src/gsap.ts",
-    "./xlsx": "./src/xlsx.ts",
+    "./xlsx": {
+      "types": "./vendor/xlsx/types/index.d.ts",
+      "import": "./vendor/xlsx/xlsx.mjs",
+      "require": "./vendor/xlsx/xlsx.js",
+      "default": "./vendor/xlsx/xlsx.js"
+    },
     "./tiptap": {
       "types": "./src/components/ui/text-editor/types.ts",
       "import": "./src/components/ui/text-editor/types.ts"
@@ -392,7 +396,8 @@
     "./*": "./src/components/ui/*.tsx",
     "./lib/task-personal-external": {
       "types": "./src/lib/task-personal-external.ts",
-      "import": "./src/lib/task-personal-external.ts"
+      "import": "./src/lib/task-personal-external.ts",
+      "default": "./src/lib/task-personal-external.ts"
     },
     "./lib/tasks-app-url": {
       "types": "./src/lib/tasks-app-url.ts",

package/src/components/ui/calendar-app/calendar-client-page.tsx

@@ -5,9 +5,15 @@ import type {
   Workspace,
   WorkspaceCalendarGoogleTokenClient,
 } from '@tuturuuu/types';
+import type { CalendarView } from '@tuturuuu/ui/hooks/use-view-transition';
 import { SmartCalendar } from '@tuturuuu/ui/legacy/calendar/smart-calendar';
 import { useLocale, useTranslations } from 'next-intl';
-import { type ComponentType, useState } from 'react';
+import {
+  type ComponentType,
+  type Dispatch,
+  type SetStateAction,
+  useState,
+} from 'react';
 import { RequireWorkspaceTimezoneDialog } from './components/require-workspace-timezone-dialog';
 import { useCalendarSettings } from './hooks';
 
@@ -24,13 +30,23 @@ interface CalendarClientPageProps {
   experimentalGoogleToken?: WorkspaceCalendarGoogleTokenClient | null;
   workspace: Workspace;
   enableSmartScheduling: boolean;
+  externalState?: {
+    availableViews: { value: string; label: string; disabled?: boolean }[];
+    date: Date;
+    setDate: Dispatch<SetStateAction<Date>>;
+    setView: Dispatch<SetStateAction<CalendarView>>;
+    view: CalendarView;
+  };
+  showConnectionsManager?: boolean;
 }
 
 export function CalendarClientPage({
   experimentalGoogleToken,
   workspace,
   enableSmartScheduling,
+  externalState,
   HeaderActions,
+  showConnectionsManager,
 }: CalendarClientPageProps) {
   const t = useTranslations('calendar');
   const locale = useLocale();
@@ -69,7 +85,9 @@ export function CalendarClientPage({
             : null
         }
         extras={extras}
+        externalState={externalState}
         initialSettings={initialSettings}
+        showConnectionsManager={showConnectionsManager}
       />
     </div>
   );

package/src/components/ui/calendar-app/calendar-page-shell.tsx

@@ -5,6 +5,7 @@ import type {
 } from '@tuturuuu/types';
 import { CalendarSyncProvider } from '@tuturuuu/ui/hooks/use-calendar-sync';
 import type { ComponentType } from 'react';
+import type { CalendarView } from '../../../hooks/use-view-transition';
 import type { ExtendedWorkspaceTask } from '../time-tracker/types';
 import {
   CalendarClientPage,
@@ -31,6 +32,15 @@ interface CalendarPageShellProps {
   userId: string;
   workspace: Workspace;
   TasksSidebar: CalendarTasksSidebarComponent;
+  externalState?: {
+    availableViews: { value: string; label: string; disabled?: boolean }[];
+    date: Date;
+    setDate: React.Dispatch<React.SetStateAction<Date>>;
+    setView: React.Dispatch<React.SetStateAction<CalendarView>>;
+    view: CalendarView;
+  };
+  manageCalendarSyncProvider?: boolean;
+  showConnectionsManager?: boolean;
 }
 
 export function CalendarPageShell({
@@ -43,29 +53,40 @@ export function CalendarPageShell({
   userId,
   workspace,
   TasksSidebar,
+  externalState,
+  manageCalendarSyncProvider = true,
+  showConnectionsManager = true,
 }: CalendarPageShellProps) {
+  const content = (
+    <div className="flex h-[calc(100vh-2rem)]">
+      <CalendarClientPage
+        experimentalGoogleToken={experimentalGoogleToken}
+        workspace={workspace}
+        enableSmartScheduling={enableSmartScheduling}
+        externalState={externalState}
+        HeaderActions={HeaderActions}
+        showConnectionsManager={showConnectionsManager}
+      />
+      {enableSmartScheduling && (
+        <TasksSidebar
+          resolvedWsId={workspace.id}
+          locale={locale}
+          userId={userId}
+          tasks={smartSchedulingTasks}
+        />
+      )}
+    </div>
+  );
+
+  if (!manageCalendarSyncProvider) return content;
+
   return (
     <CalendarSyncProvider
       wsId={workspace.id}
       experimentalGoogleToken={experimentalGoogleToken}
       initialCalendarConnections={calendarConnections || []}
     >
-      <div className="flex h-[calc(100vh-2rem)]">
-        <CalendarClientPage
-          experimentalGoogleToken={experimentalGoogleToken}
-          workspace={workspace}
-          enableSmartScheduling={enableSmartScheduling}
-          HeaderActions={HeaderActions}
-        />
-        {enableSmartScheduling && (
-          <TasksSidebar
-            resolvedWsId={workspace.id}
-            locale={locale}
-            userId={userId}
-            tasks={smartSchedulingTasks}
-          />
-        )}
-      </div>
+      {content}
     </CalendarSyncProvider>
   );
 }

package/src/components/ui/calendar-app/components/calendar-connections-manager-helpers.ts

@@ -0,0 +1,70 @@
+import type { CalendarSourceOption } from '@tuturuuu/internal-api/calendar';
+import type { ConnectedAccount } from './calendar-types';
+
+export interface AccountsResponse {
+  accounts: ConnectedAccount[];
+  grouped: {
+    google: ConnectedAccount[];
+    microsoft: ConnectedAccount[];
+  };
+  total: number;
+}
+
+export interface WorkspaceCalendar {
+  id: string;
+  ws_id: string;
+  name: string;
+  description: string | null;
+  color: string | null;
+  calendar_type: 'primary' | 'tasks' | 'habits' | 'custom';
+  is_system: boolean;
+  is_enabled: boolean;
+  position: number;
+}
+
+export interface WorkspaceCalendarsResponse {
+  calendars: WorkspaceCalendar[];
+  grouped: {
+    system: WorkspaceCalendar[];
+    custom: WorkspaceCalendar[];
+  };
+  total: number;
+}
+
+export interface ManualSyncResponse {
+  ok: boolean;
+  alreadyRunning?: boolean;
+  code?: string;
+  error?: string;
+  retryAfterSeconds?: number | null;
+}
+
+export function sourceInputFromOption(option: CalendarSourceOption) {
+  if (option.provider === 'tuturuuu') {
+    return {
+      provider: 'tuturuuu' as const,
+      workspaceCalendarId: option.workspaceCalendarId,
+    };
+  }
+
+  return {
+    provider: option.provider,
+    connectionId: option.connectionId,
+  };
+}
+
+export function getCalendarColor(color: string) {
+  const colors: Record<string, string> = {
+    BLUE: '#3b82f6',
+    RED: '#ef4444',
+    GREEN: '#22c55e',
+    YELLOW: '#eab308',
+    ORANGE: '#f97316',
+    PURPLE: '#a855f7',
+    PINK: '#ec4899',
+    CYAN: '#06b6d4',
+    GRAY: '#6b7280',
+  };
+
+  return colors[color.toUpperCase()] || color;
+}