@tidgi-mini-window
Feature: TidGi Mini Window Workspace Switching
  As a user with tidgi mini window already enabled
  I want to test tidgi mini window behavior with different workspace configurations
  So that I can verify workspace switching and fixed workspace features

  Background:
    Given I configure tidgi mini window with shortcut
    Given I cleanup test wiki so it could create a new one on start
    Then I launch the TidGi application
    And I wait for the page to load completely
    Then I switch to "main" window
    # Wait for application initialization to complete
    Then I wait for log markers:
      | description                     | marker                                   |
      | git init complete               | [test-id-git-init-complete]              |
      | wiki worker started             | [test-id-WIKI_WORKER_STARTED]            |
      | all workspace views initialized | [test-id-ALL_WORKSPACE_VIEW_INITIALIZED] |

  Scenario: TidGi mini window syncs with main window switching to agent workspace
    # Switch main window to agent workspace
    When I click on an "agent workspace button" element with selector "[data-testid='workspace-agent']"
    # Verify tidgi mini window exists in background (created but not visible)
    Then I wait for "tidgi mini window created" log marker "[test-id-TIDGI_MINI_WINDOW_CREATED]"
    Then I confirm the "tidgiMiniWindow" window exists
    And I confirm the "tidgiMiniWindow" window not visible
    When I press the key combination "CommandOrControl+Shift+M"
    And I confirm the "tidgiMiniWindow" window visible
    And I confirm the "tidgiMiniWindow" window browser view is not positioned within visible window bounds
    Then I switch to "tidgiMiniWindow" window
    # In sync mode, browser view shows the current active workspace (agent), sidebar is hidden
    And I should see a "new tab button" element with selector "[data-tab-id='new-tab-button']"

  Scenario: TidGi mini window with fixed agent workspace shows no view and fixed wiki workspace shows browser view
    # Configure fixed agent workspace through UI
    And I click on an "open preferences button" element with selector "#open-preferences-button"
    And I switch to "preferences" window
    When I click on "tidgi mini window section and disable sync workspace switch and enable sidebar toggle" elements with selectors:
      | element description           | selector                                                |
      | tidgi mini window section     | [data-testid='preference-section-tidgiMiniWindow']      |
      | disable sync workspace switch | [data-testid='tidgi-mini-window-sync-workspace-switch'] |
      | enable sidebar toggle switch  | [data-testid='sidebar-on-tidgi-mini-window-switch']     |
    # Select agent workspace (which is a page type workspace)
    And I select "agent" from MUI Select with test id "tidgi-mini-window-fixed-workspace-select"
    # Open tidgi mini window - should show agent workspace and no browser view
    When I press the key combination "CommandOrControl+Shift+M"
    And I confirm the "tidgiMiniWindow" window visible
    And I confirm the "tidgiMiniWindow" window browser view is not positioned within visible window bounds
    Then I switch to "tidgiMiniWindow" window
    # Verify sidebar is visible and agent workspace is active
    And I should see "main sidebar and agent workspace active button" elements with selectors:
      | element description              | selector                                   |
      | main sidebar                     | [data-testid='main-sidebar']               |
      | agent workspace active button    | [data-testid='workspace-agent'][data-active='true'] |
    # Close tidgi mini window and switch to wiki workspace
    Then I switch to "preferences" window
    When I press the key combination "CommandOrControl+Shift+M"
    And I confirm the "tidgiMiniWindow" window not visible
    # Get the first wiki workspace ID and select it
    And I select "wiki" from MUI Select with test id "tidgi-mini-window-fixed-workspace-select"
    # Clear previous occurrences of the log marker before waiting for a new one
    And I clear log lines containing "[test-id-TIDGI_MINI_WINDOW_SHOWN]"
    # Open tidgi mini window again - should show wiki workspace with browser view
    When I press the key combination "CommandOrControl+Shift+M"
    # Wait for the view to be loaded and window to be shown
    Then I wait for "tidgi mini window shown" log marker "[test-id-TIDGI_MINI_WINDOW_SHOWN]"
    And I confirm the "tidgiMiniWindow" window visible
    And I confirm the "tidgiMiniWindow" window browser view is positioned within visible window bounds
    Then I switch to "tidgiMiniWindow" window
    # Verify sidebar is visible
    And I should see a "main sidebar" element with selector "[data-testid='main-sidebar']"
    # Verify browser view content is visible and wiki workspace is active
    And I should see "我的 TiddlyWiki" in the browser view content
    And I should see a "wiki workspace active button" element with selector "[data-active='true']"

  Scenario: Enabling sync workspace automatically hides sidebar
    # Configure tidgi mini window with fixed workspace first
    When I click on "agent workspace button and open preferences button" elements with selectors:
      | element description     | selector                        |
      | agent workspace button  | [data-testid='workspace-agent'] |
      | open preferences button | #open-preferences-button        |
    And I switch to "preferences" window
    When I click on "tidgi mini window section and disable sync workspace switch and enable sidebar toggle" elements with selectors:
      | element description           | selector                                                |
      | tidgi mini window section     | [data-testid='preference-section-tidgiMiniWindow']      |
      | disable sync workspace switch | [data-testid='tidgi-mini-window-sync-workspace-switch'] |
      | enable sidebar toggle switch  | [data-testid='sidebar-on-tidgi-mini-window-switch']     |
    And I should see a "sidebar toggle switch" element with selector "[data-testid='sidebar-on-tidgi-mini-window-switch']"
    # Open tidgi mini window and verify sidebar is visible
    When I press the key combination "CommandOrControl+Shift+M"
    # Window confirmation will automatically wait for window to appear
    And I confirm the "tidgiMiniWindow" window visible
    And I switch to "tidgiMiniWindow" window
    And I should see a "main sidebar" element with selector "[data-testid='main-sidebar']"
    # Close mini window and go back to preferences
    Then I switch to "preferences" window
    When I press the key combination "CommandOrControl+Shift+M"
    And I confirm the "tidgiMiniWindow" window not visible
    # Now enable sync workspace - should automatically hide sidebar
    When I click on a "Enable tidgi mini window sync workspace switch" element with selector "[data-testid='tidgi-mini-window-sync-workspace-switch']"
    # Verify sidebar option is now hidden
    And I should not see "sidebar toggle switch and fixed workspace select" elements with selectors:
      | element description    | selector                                                 |
      | sidebar toggle switch  | [data-testid='sidebar-on-tidgi-mini-window-switch']      |
      | fixed workspace select | [data-testid='tidgi-mini-window-fixed-workspace-select'] |
    # Open tidgi mini window in sync mode - should sync to agent workspace
    When I press the key combination "CommandOrControl+Shift+M"
    And I confirm the "tidgiMiniWindow" window visible
    And I switch to "tidgiMiniWindow" window
    # In sync mode, sidebar should not be visible (automatically hidden)
    And I should not see a "main sidebar" element with selector "[data-testid='main-sidebar']"

  Scenario: Clicking workspace button in mini window updates fixed workspace ID
    # First click on guide workspace in main window to set a different active workspace
    Then I switch to "main" window
    When I click on "guide workspace button and open preferences button" elements with selectors:
      | element description     | selector                        |
      | guide workspace button  | [data-testid='workspace-guide'] |
      | open preferences button | #open-preferences-button        |
    And I switch to "preferences" window
    When I click on "tidgi mini window section and disable sync workspace switch and enable sidebar toggle" elements with selectors:
      | element description           | selector                                                |
      | tidgi mini window section     | [data-testid='preference-section-tidgiMiniWindow']      |
      | disable sync workspace switch | [data-testid='tidgi-mini-window-sync-workspace-switch'] |
      | enable sidebar toggle switch  | [data-testid='sidebar-on-tidgi-mini-window-switch']     |
    # Select agent workspace as fixed workspace
    And I select "agent" from MUI Select with test id "tidgi-mini-window-fixed-workspace-select"
    # Open tidgi mini window
    When I press the key combination "CommandOrControl+Shift+M"
    And I confirm the "tidgiMiniWindow" window visible
    Then I switch to "tidgiMiniWindow" window
    # Verify agent workspace is active initially
    And I should see a "agent workspace button with active state" element with selector "[data-testid='workspace-agent'][data-active='true']"
    # Click on guide workspace button to update fixed workspace ID
    When I click on a "guide workspace button" element with selector "[data-testid='workspace-guide']"
    # Verify guide workspace is now active and agent workspace is no longer active
    And I should see "guide workspace button with active state and agent workspace button without active state" elements with selectors:
      | element description                         | selector                                             |
      | guide workspace button with active state    | [data-testid='workspace-guide'][data-active='true']  |
      | agent workspace button without active state | [data-testid='workspace-agent'][data-active='false'] |