1. 18 Jul, 2025 9 commits
  2. 17 Jul, 2025 15 commits
  3. 16 Jul, 2025 3 commits
  4. 15 Jul, 2025 13 commits
    • refactor: layout logic to enhance front-end responsiveness · 31adc393
      Merge pull request #1377 from QuantumNous/refactor/layout
      同語 committed
    • 🧹 refactor(PageLayout): remove unused state variables · bf6e1bed
      Removed unused `userState` and `statusState` bindings from `PageLayout.js`
      while retaining their dispatch functions for authentication and status
      management. Confirmed correct use of array destructuring to skip the
      unused toggle function returned by `useSidebarCollapsed`.
      
      This change introduces no functional differences and solely improves
      readability and maintainability.
      t0ng7u committed
    • 🐛 fix: SSR hydration mismatch in mobile detection & clean up sidebar style · 409a3eac
      - Added a server-snapshot fallback (`() => false`) to `useIsMobile` to ensure
        consistent results between server-side rendering and the browser, preventing
        hydration mismatches.
      - Removed a redundant ternary in `PageLayout` sidebar styles, replacing
        `isMobile ? 'fixed' : 'fixed'` with a single `'fixed'` value for clarity.
      
      These changes improve SSR reliability and tidy up inline styles without
      affecting runtime functionality.
      t0ng7u committed
    • 🎨 feat(sidebar): replace custom collapse button with Semi UI Button · 94e0c0d8
      * Replaced the handmade collapse/expand div with Semi UI `<Button>`
        * Uses `theme="outline"` and `type="tertiary"` for outlined style
        * Shows icon + text when sidebar is expanded, icon-only when collapsed
      * Added `iconOnly` prop and dynamic padding to remove extra text area in collapsed state
      * Ensured full-width layout with consistent padding for both states
      * Updated imports to include `Button` from `@douyinfe/semi-ui`
      * Maintains tooltip content for accessibility and better UX
      t0ng7u committed
    • ️ refactor(auth, ui): simplify Loading component & optimize OAuth2Callback flow · 7ee3a7d6
      * Removed `prompt` prop from `Loading` and switched to built-in Spin indicator with default size `small`
      * Dropped overlay background to make the spinner more reusable
      * Replaced custom text span; callers can now supply tip via their own UI if needed
      * Cleaned up `OAuth2Callback`:
        - Eliminated unused state/variables
        - Added MAX_RETRIES with incremental back-off
        - Centralized error handling via try/catch
        - Streamlined navigation logic on success/failure
        - Updated imports to match new Loading signature
      
      BREAKING CHANGE: `Loading` no longer accepts a `prompt` prop. Update all invocations accordingly.
      t0ng7u committed
    • feat(HeaderBar): ensure skeleton shows ≥500 ms and waits for real status data · a3f098c5
      The header’s skeleton screen now remains visible for at least 500 ms and
      only disappears after `/api/status` has successfully populated
      `StatusContext`.
      
      Changes include:
      • Added `loadingStartRef` to record the mount time.
      • Reworked loading effect to compute the remaining delay based on the
        elapsed time and the presence of real status data.
      • Removed the previous fixed‐timer logic, preventing premature content
        rendering and improving perceived loading consistency across pages.
      t0ng7u committed
    • 📱 feat(ui): auto-close sidebar on mobile after menu navigation · c4718a1e
      Adds a smoother mobile experience by automatically closing the sidebar
      drawer once a menu item is tapped.
      
      ### Details
      * SiderBar
        * Introduce `onNavigate` prop and invoke it on every `<Link>` click.
        * Remove unused `useIsMobile` hook and related `isMobile` variable.
      * PageLayout
        * Pass `onNavigate` callback to `SiderBar` that sets `drawerOpen` to
          `false` when on mobile, ensuring the sidebar collapses after
          navigation.
      
      This eliminates the “isMobile declared but never used” warning and
      aligns the behaviour of the sidebar with common mobile UX expectations.
      t0ng7u committed
    • 💄 style(layout): add horizontal padding to top-offset divs for consistent spacing · 527b9966
      Replaced every instance of
      <div className="mt-[64px]">
      with
      <div className="mt-[64px] px-2">
      to provide uniform horizontal padding across pages. No functional changes—visual layout improvement only.
      t0ng7u committed
    • 🖌️ feat(ui): always show colorful console banner for NewAPI in every environment · eab06767
      Add a branded console log to `web/src/index.js` that prints:
      
      “We  NewAPI  Github: https://github.com/QuantumNous/new-api”
      
      Changes include:
      • Remove the `NODE_ENV` guard so the banner appears in both development and production.
      • Increase font size to 24 px and keep “NewAPI” in bold green for stronger branding.
      
      This is a purely visual/developer-experience enhancement—no runtime behavior is affected.
      t0ng7u committed
    • 🔧 chore(router): enable React Router v7 future flags to suppress warnings · 9c36aaa2
      Add `future` prop to `BrowserRouter` in `web/src/index.js` with
      `v7_startTransition` and `v7_relativeSplatPath` turned on.
      This opts the app into upcoming React Router v7 behavior, removes
      console warnings, and readies the codebase for a smoother future upgrade.
      
      No runtime behavior changes; developer-experience improvement only.
      t0ng7u committed
    • 📱 refactor(web): remove legacy isMobile util and migrate to useIsMobile hook · edb4f2f6
      BREAKING CHANGE:
      helpers/utils.js no longer exports `isMobile()`.
      Any external code that relied on this function must switch to the `useIsMobile` React hook.
      
      Summary
      -------
      1. Deleted the obsolete `isMobile()` function from helpers/utils.js.
      2. Introduced `MOBILE_BREAKPOINT` constant and `matchMedia`-based detection for non-React contexts.
      3. Reworked toast positioning logic in utils.js to rely on `matchMedia`.
      4. Updated render.js:
         • Removed isMobile import.
         • Added MOBILE_BREAKPOINT detection in `truncateText`.
      5. Migrated every page/component to the `useIsMobile` hook:
         • Layout: HeaderBar, PageLayout, SiderBar
         • Pages: Home, Detail, Playground, User (Add/Edit), Token, Channel, Redemption, Ratio Sync
         • Components: ChannelsTable, ChannelSelectorModal, ConflictConfirmModal
      6. Purged all remaining `isMobile()` calls and legacy imports.
      7. Added missing `const isMobile = useIsMobile()` declarations where required.
      
      Benefits
      --------
      • Unifies mobile detection with a React-friendly hook.
      • Eliminates duplicated logic and improves maintainability.
      • Keeps non-React helpers lightweight by using `matchMedia` directly.
      t0ng7u committed
    • 🚀 feat(frontend): add robust boolean handling across settings pages · 0480d43b
      Summary
      -------
      1. Introduced a reusable `toBoolean` utility (`web/src/helpers/boolean.js`) that converts
         strings (`'true'/'false'`, `'1'/'0'`), numbers, and native booleans to a proper boolean.
      2. Re-exported `toBoolean` via `web/src/helpers/index.js` for simple one-line imports.
      
      Refactors
      ---------
      • Systematically replaced all legacy `item.value === 'true'` checks with `toBoolean(item.value)` in
        the following components:
        – `SystemSetting.js`
        – `OperationSetting.js`
        – `PaymentSetting.js`
        – `RatioSetting.js`
        – `RateLimitSetting.js`
        – `ModelSetting.js`
        – `DrawingSetting.js`
        – `DashboardSetting.js`
        – `ChatsSetting.js`
      
      • Unified import statements to
        `import { …, toBoolean } from '../../helpers';`
        removing redundant `../../helpers/boolean` paths.
      
      Why
      ---
      SQLite sometimes returns `1/0` or boolean literals instead of the string `'true'/'false'`, causing
      checkbox states to reset on page reload. The new utility guarantees consistent boolean parsing,
      fixing the issue across all environments (SQLite, MySQL, etc.) while improving code clarity.
      t0ng7u committed