@designcrowd/fe-shared-lib 1.6.10-voiceText-1 → 1.6.10

package/public/css/tailwind-designCom.css

@@ -551,9 +551,6 @@ video {
 .theme-designCom .tw-relative {
   position: relative;
 }
-.theme-designCom .tw-inset-0 {
-  inset: 0px;
-}
 .theme-designCom .tw--left-16 {
   left: -4rem;
 }
@@ -747,6 +744,9 @@ video {
 .theme-designCom .tw-mt-0 {
   margin-top: 0px;
 }
+.theme-designCom .tw-mt-0\.5 {
+  margin-top: 0.125rem;
+}
 .theme-designCom .tw-mt-1 {
   margin-top: 0.25rem;
 }
@@ -949,9 +949,6 @@ video {
 .theme-designCom .tw-w-96 {
   width: 24rem;
 }
-.theme-designCom .tw-w-\[14rem\] {
-  width: 14rem;
-}
 .theme-designCom .tw-w-auto {
   width: auto;
 }
@@ -986,6 +983,9 @@ video {
 .theme-designCom .tw-flex-shrink-0 {
   flex-shrink: 0;
 }
+.theme-designCom .tw-shrink-0 {
+  flex-shrink: 0;
+}
 .theme-designCom .tw-grow {
   flex-grow: 1;
 }
@@ -1403,9 +1403,6 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
-.theme-designCom .tw-border-t-transparent {
-  border-top-color: transparent;
-}
 .theme-designCom .tw-bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
@@ -1521,9 +1518,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
-.theme-designCom .tw-bg-white\/50 {
-  background-color: rgb(255 255 255 / 0.5);
-}
 .theme-designCom .tw-bg-opacity-75 {
   --tw-bg-opacity: 0.75;
 }
@@ -1866,9 +1860,6 @@ video {
 .theme-designCom .tw-font-bold {
   font-weight: 700;
 }
-.theme-designCom .tw-font-medium {
-  font-weight: 500;
-}
 .theme-designCom .tw-font-normal {
   font-weight: 400;
 }
@@ -1896,10 +1887,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(136 44 32 / var(--tw-text-opacity));
 }
-.theme-designCom .tw-text-grayscale-400 {
-  --tw-text-opacity: 1;
-  color: rgb(227 227 227 / var(--tw-text-opacity));
-}
 .theme-designCom .tw-text-grayscale-500 {
   --tw-text-opacity: 1;
   color: rgb(209 209 209 / var(--tw-text-opacity));
@@ -2053,11 +2040,6 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
-.theme-designCom .tw-transition-all {
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
 .theme-designCom .tw-transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2085,10 +2067,6 @@ video {
 .theme-designCom .tw-ease-out {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.theme-designCom .hover\:tw-border-grayscale-300:hover {
-  --tw-border-opacity: 1;
-  border-color: rgb(237 237 237 / var(--tw-border-opacity));
-}
 .theme-designCom .hover\:tw-border-grayscale-400:hover {
   --tw-border-opacity: 1;
   border-color: rgb(227 227 227 / var(--tw-border-opacity));
@@ -2161,10 +2139,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(50 71 197 / var(--tw-bg-opacity));
 }
-.theme-designCom .hover\:tw-bg-primary-700:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(38 53 148 / var(--tw-bg-opacity));
-}
 .theme-designCom .hover\:tw-bg-secondary-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(236 236 236 / var(--tw-bg-opacity));
@@ -2181,10 +2155,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(49 49 49 / var(--tw-bg-opacity));
 }
-.theme-designCom .hover\:tw-bg-secondary-700:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(37 37 37 / var(--tw-bg-opacity));
-}
 .theme-designCom .hover\:tw-bg-success-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(236 238 254 / var(--tw-bg-opacity));
@@ -2253,18 +2223,6 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.theme-designCom .focus\:tw-ring-2:focus {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-.theme-designCom .focus\:tw-ring-primary-500:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(63 89 246 / var(--tw-ring-opacity));
-}
-.theme-designCom .focus\:tw-ring-offset-2:focus {
-  --tw-ring-offset-width: 2px;
-}
 .theme-designCom .tw-group:hover .group-hover\:tw-text-info-500 {
   --tw-text-opacity: 1;
   color: rgb(63 89 246 / var(--tw-text-opacity));

package/public/css/tailwind-designCrowd.css

@@ -551,9 +551,6 @@ video {
 .theme-designCrowd .tw-relative {
   position: relative;
 }
-.theme-designCrowd .tw-inset-0 {
-  inset: 0px;
-}
 .theme-designCrowd .tw--left-16 {
   left: -4rem;
 }
@@ -747,6 +744,9 @@ video {
 .theme-designCrowd .tw-mt-0 {
   margin-top: 0px;
 }
+.theme-designCrowd .tw-mt-0\.5 {
+  margin-top: 0.125rem;
+}
 .theme-designCrowd .tw-mt-1 {
   margin-top: 0.25rem;
 }
@@ -949,9 +949,6 @@ video {
 .theme-designCrowd .tw-w-96 {
   width: 24rem;
 }
-.theme-designCrowd .tw-w-\[14rem\] {
-  width: 14rem;
-}
 .theme-designCrowd .tw-w-auto {
   width: auto;
 }
@@ -986,6 +983,9 @@ video {
 .theme-designCrowd .tw-flex-shrink-0 {
   flex-shrink: 0;
 }
+.theme-designCrowd .tw-shrink-0 {
+  flex-shrink: 0;
+}
 .theme-designCrowd .tw-grow {
   flex-grow: 1;
 }
@@ -1403,9 +1403,6 @@ video {
   --tw-border-opacity: 1;
   border-color: rgb(255 255 255 / var(--tw-border-opacity));
 }
-.theme-designCrowd .tw-border-t-transparent {
-  border-top-color: transparent;
-}
 .theme-designCrowd .tw-bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity));
@@ -1521,9 +1518,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity));
 }
-.theme-designCrowd .tw-bg-white\/50 {
-  background-color: rgb(255 255 255 / 0.5);
-}
 .theme-designCrowd .tw-bg-opacity-75 {
   --tw-bg-opacity: 0.75;
 }
@@ -1866,9 +1860,6 @@ video {
 .theme-designCrowd .tw-font-bold {
   font-weight: 700;
 }
-.theme-designCrowd .tw-font-medium {
-  font-weight: 500;
-}
 .theme-designCrowd .tw-font-normal {
   font-weight: 400;
 }
@@ -1896,10 +1887,6 @@ video {
   --tw-text-opacity: 1;
   color: rgb(146 38 36 / var(--tw-text-opacity));
 }
-.theme-designCrowd .tw-text-grayscale-400 {
-  --tw-text-opacity: 1;
-  color: rgb(230 230 230 / var(--tw-text-opacity));
-}
 .theme-designCrowd .tw-text-grayscale-500 {
   --tw-text-opacity: 1;
   color: rgb(204 204 204 / var(--tw-text-opacity));
@@ -2053,11 +2040,6 @@ video {
   --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05));
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
-.theme-designCrowd .tw-transition-all {
-  transition-property: all;
-  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-  transition-duration: 150ms;
-}
 .theme-designCrowd .tw-transition-colors {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -2085,10 +2067,6 @@ video {
 .theme-designCrowd .tw-ease-out {
   transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
 }
-.theme-designCrowd .hover\:tw-border-grayscale-300:hover {
-  --tw-border-opacity: 1;
-  border-color: rgb(239 239 239 / var(--tw-border-opacity));
-}
 .theme-designCrowd .hover\:tw-border-grayscale-400:hover {
   --tw-border-opacity: 1;
   border-color: rgb(230 230 230 / var(--tw-border-opacity));
@@ -2161,10 +2139,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(14 121 188 / var(--tw-bg-opacity));
 }
-.theme-designCrowd .hover\:tw-bg-primary-700:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(10 91 141 / var(--tw-bg-opacity));
-}
 .theme-designCrowd .hover\:tw-bg-secondary-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(223 226 230 / var(--tw-bg-opacity));
@@ -2181,10 +2155,6 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(74 87 103 / var(--tw-bg-opacity));
 }
-.theme-designCrowd .hover\:tw-bg-secondary-700:hover {
-  --tw-bg-opacity: 1;
-  background-color: rgb(56 65 77 / var(--tw-bg-opacity));
-}
 .theme-designCrowd .hover\:tw-bg-success-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(213 242 223 / var(--tw-bg-opacity));
@@ -2253,18 +2223,6 @@ video {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
-.theme-designCrowd .focus\:tw-ring-2:focus {
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
-}
-.theme-designCrowd .focus\:tw-ring-primary-500:focus {
-  --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(17 151 235 / var(--tw-ring-opacity));
-}
-.theme-designCrowd .focus\:tw-ring-offset-2:focus {
-  --tw-ring-offset-width: 2px;
-}
 .theme-designCrowd .tw-group:hover .group-hover\:tw-text-info-500 {
   --tw-text-opacity: 1;
   color: rgb(17 151 235 / var(--tw-text-opacity));

package/src/atoms/components/Dropdown/Dropdown.vue

@@ -26,7 +26,8 @@
 
     <div
       v-show="isMenuVisible"
-      class="tw-origin-top-right tw-absolute tw-mt-2 tw-rounded-md tw-shadow-lg tw-bg-white tw-ring-1 tw-ring-black tw-ring-opacity-5 tw-z-20"
+      class="tw-origin-top-right tw-absolute tw-mt-2 tw-rounded-md tw-shadow-lg tw-bg-white tw-ring-1 tw-ring-black tw-ring-opacity-5"
+      :style="{ zIndex: menuZIndex }"
       :class="[
         menuElementClasses,
         {
@@ -88,6 +89,11 @@ export default {
       type: String,
       required: false,
     },
+    menuZIndex: {
+      type: Number,
+      required: false,
+      default: 20,
+    },
   },
   data: () => ({
     isMenuVisible: false,

package/src/atoms/components/Icon/Icon.vue

@@ -237,7 +237,6 @@ import IconLinkInBioFilled from './icons/link-in-bio-filled.vue';
 import IconMedia from './icons/media.vue';
 import IconMinusCircleLight from './icons/minus-circle-light.vue';
 import IconMinus from './icons/minus.vue';
-import IconMicrophone from './icons/microphone.vue';
 import IconMobile from './icons/mobile.vue';
 import IconOther from './icons/other.vue';
 import IconPageButtons from './icons/page-buttons.vue';
@@ -637,7 +636,6 @@ export default {
     IconContactMessage,
     IconMinus,
     IconMinusCircleLight,
-    IconMicrophone,
     IconMobile,
     IconMug,
     IconOther,

package/.claude/settings.local.json

@@ -1,59 +0,0 @@
-{
-  "env": {
-    "CLAUDE_CODE_USE_BEDROCK": "1",
-    "AWS_PROFILE": "default",
-    "AWS_REGION": "us-east-1",
-    "ANTHROPIC_MODEL": "global.anthropic.claude-opus-4-5-20251101-v1:0",
-    "CLAUDE_CODE_MAX_OUTPUT_TOKENS": "20000",
-    "CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC": "1"
-  },
-  "permissions": {
-    "allow": [
-      "Bash(npm outdated:*)",
-      "Bash(npm install:*)",
-      "Bash(npx npm-check-updates)",
-      "Bash(npm audit:*)",
-      "Skill(superpowers:writing-plans)",
-      "Bash(cat:*)",
-      "Bash(mkdir:*)",
-      "Skill(superpowers:subagent-driven-development)",
-      "Bash(echo:*)",
-      "Bash(ping:*)",
-      "Bash(docker system:*)",
-      "Bash(docker buildx du:*)",
-      "Bash(npm view:*)",
-      "Bash(~/.npmrc)",
-      "Bash(npm run bundle-translation:*)",
-      "mcp__plugin_context7_context7__resolve-library-id",
-      "Bash(node:*)",
-      "Bash(npm:*)",
-      "Bash(find:*)",
-      "Bash(git -C /home/zknowles/repos/fe-shared-lib log --oneline --all)",
-      "Bash(wc:*)",
-      "mcp__plugin_context7_context7__query-docs",
-      "Skill(superpowers:test-driven-development)",
-      "Bash(git rev-parse:*)",
-      "Bash(npx tsc:*)",
-      "Bash(git add:*)",
-      "Bash(git commit:*)",
-      "Skill(superpowers:using-superpowers)",
-      "WebSearch",
-      "Bash(git checkout:*)",
-      "Bash(git -C /home/zknowles/repos/fe-shared-lib status)",
-      "Bash(git -C /home/zknowles/repos/fe-shared-lib diff package.json)",
-      "Bash(git -C /home/zknowles/repos/fe-shared-lib log --oneline -5)",
-      "Bash(git -C /home/zknowles/repos/fe-shared-lib diff vite.config.ts)",
-      "Bash(git -C /home/zknowles/repos/fe-shared-lib add package.json package-lock.json vite.config.ts)",
-      "Bash(git -C /home/zknowles/repos/fe-shared-lib commit -m \"$\\(cat <<''EOF''\nchore: upgrade vite 6→7, vue 3.5.15→3.5.26, storybook 9→10\n\n- Update vite to ^7.3.1\n- Update @vitejs/plugin-vue to ^6.0.3 \\(required for Vite 7\\)\n- Update vite-plugin-vue-devtools to ^7.7.2\n- Update vue to ^3.5.26\n- Remove vite-plugin-eslint \\(unmaintained, incompatible with Vite 7\\)\n- Update storybook to 10.2.1 \\(required for Vite 7 compatibility\\)\n- Update @storybook/vue3, @storybook/vue3-vite to 10.2.1\n- Update @storybook/addon-a11y, @storybook/addon-links, @storybook/addon-themes to 10.2.1\n- Update eslint-plugin-storybook to 10.2.1 \\(required for Storybook 10\\)\n\nCo-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>\nEOF\n\\)\")",
-      "Bash(git -C /home/zknowles/repos/fe-shared-lib log --oneline -3)",
-      "Bash(git show:*)",
-      "Bash(git stash:*)",
-      "Bash(chmod:*)",
-      "Bash(~/.claude/statusline.sh)",
-      "Bash(ls:*)",
-      "Bash(for v in 1.5.20-dts-upgrades 1.5.20-dts-upgrades-2 1.5.21 1.5.20-ast-icons 1.5.20-ast-icons-1 1.5.21-BestLogoIcons-3 1.5.22)",
-      "Bash(do)",
-      "Bash(done)"
-    ]
-  }
-}

package/.claude/skills/playwright-cli/SKILL.md

@@ -1,278 +0,0 @@
----
-name: playwright-cli
-description: Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.
-allowed-tools: Bash(playwright-cli:*)
----
-
-# Browser Automation with playwright-cli
-
-## Quick start
-
-```bash
-# open new browser
-playwright-cli open
-# navigate to a page
-playwright-cli goto https://playwright.dev
-# interact with the page using refs from the snapshot
-playwright-cli click e15
-playwright-cli type "page.click"
-playwright-cli press Enter
-# take a screenshot (rarely used, as snapshot is more common)
-playwright-cli screenshot
-# close the browser
-playwright-cli close
-```
-
-## Commands
-
-### Core
-
-```bash
-playwright-cli open
-# open and navigate right away
-playwright-cli open https://example.com/
-playwright-cli goto https://playwright.dev
-playwright-cli type "search query"
-playwright-cli click e3
-playwright-cli dblclick e7
-playwright-cli fill e5 "user@example.com"
-playwright-cli drag e2 e8
-playwright-cli hover e4
-playwright-cli select e9 "option-value"
-playwright-cli upload ./document.pdf
-playwright-cli check e12
-playwright-cli uncheck e12
-playwright-cli snapshot
-playwright-cli snapshot --filename=after-click.yaml
-playwright-cli eval "document.title"
-playwright-cli eval "el => el.textContent" e5
-playwright-cli dialog-accept
-playwright-cli dialog-accept "confirmation text"
-playwright-cli dialog-dismiss
-playwright-cli resize 1920 1080
-playwright-cli close
-```
-
-### Navigation
-
-```bash
-playwright-cli go-back
-playwright-cli go-forward
-playwright-cli reload
-```
-
-### Keyboard
-
-```bash
-playwright-cli press Enter
-playwright-cli press ArrowDown
-playwright-cli keydown Shift
-playwright-cli keyup Shift
-```
-
-### Mouse
-
-```bash
-playwright-cli mousemove 150 300
-playwright-cli mousedown
-playwright-cli mousedown right
-playwright-cli mouseup
-playwright-cli mouseup right
-playwright-cli mousewheel 0 100
-```
-
-### Save as
-
-```bash
-playwright-cli screenshot
-playwright-cli screenshot e5
-playwright-cli screenshot --filename=page.png
-playwright-cli pdf --filename=page.pdf
-```
-
-### Tabs
-
-```bash
-playwright-cli tab-list
-playwright-cli tab-new
-playwright-cli tab-new https://example.com/page
-playwright-cli tab-close
-playwright-cli tab-close 2
-playwright-cli tab-select 0
-```
-
-### Storage
-
-```bash
-playwright-cli state-save
-playwright-cli state-save auth.json
-playwright-cli state-load auth.json
-
-# Cookies
-playwright-cli cookie-list
-playwright-cli cookie-list --domain=example.com
-playwright-cli cookie-get session_id
-playwright-cli cookie-set session_id abc123
-playwright-cli cookie-set session_id abc123 --domain=example.com --httpOnly --secure
-playwright-cli cookie-delete session_id
-playwright-cli cookie-clear
-
-# LocalStorage
-playwright-cli localstorage-list
-playwright-cli localstorage-get theme
-playwright-cli localstorage-set theme dark
-playwright-cli localstorage-delete theme
-playwright-cli localstorage-clear
-
-# SessionStorage
-playwright-cli sessionstorage-list
-playwright-cli sessionstorage-get step
-playwright-cli sessionstorage-set step 3
-playwright-cli sessionstorage-delete step
-playwright-cli sessionstorage-clear
-```
-
-### Network
-
-```bash
-playwright-cli route "**/*.jpg" --status=404
-playwright-cli route "https://api.example.com/**" --body='{"mock": true}'
-playwright-cli route-list
-playwright-cli unroute "**/*.jpg"
-playwright-cli unroute
-```
-
-### DevTools
-
-```bash
-playwright-cli console
-playwright-cli console warning
-playwright-cli network
-playwright-cli run-code "async page => await page.context().grantPermissions(['geolocation'])"
-playwright-cli tracing-start
-playwright-cli tracing-stop
-playwright-cli video-start
-playwright-cli video-stop video.webm
-```
-
-## Open parameters
-```bash
-# Use specific browser when creating session
-playwright-cli open --browser=chrome
-playwright-cli open --browser=firefox
-playwright-cli open --browser=webkit
-playwright-cli open --browser=msedge
-# Connect to browser via extension
-playwright-cli open --extension
-
-# Use persistent profile (by default profile is in-memory)
-playwright-cli open --persistent
-# Use persistent profile with custom directory
-playwright-cli open --profile=/path/to/profile
-
-# Start with config file
-playwright-cli open --config=my-config.json
-
-# Close the browser
-playwright-cli close
-# Delete user data for the default session
-playwright-cli delete-data
-```
-
-## Snapshots
-
-After each command, playwright-cli provides a snapshot of the current browser state.
-
-```bash
-> playwright-cli goto https://example.com
-### Page
-- Page URL: https://example.com/
-- Page Title: Example Domain
-### Snapshot
-[Snapshot](.playwright-cli/page-2026-02-14T19-22-42-679Z.yml)
-```
-
-You can also take a snapshot on demand using `playwright-cli snapshot` command.
-
-If `--filename` is not provided, a new snapshot file is created with a timestamp. Default to automatic file naming, use `--filename=` when artifact is a part of the workflow result.
-
-## Browser Sessions
-
-```bash
-# create new browser session named "mysession" with persistent profile
-playwright-cli -s=mysession open example.com --persistent
-# same with manually specified profile directory (use when requested explicitly)
-playwright-cli -s=mysession open example.com --profile=/path/to/profile
-playwright-cli -s=mysession click e6
-playwright-cli -s=mysession close  # stop a named browser
-playwright-cli -s=mysession delete-data  # delete user data for persistent session
-
-playwright-cli list
-# Close all browsers
-playwright-cli close-all
-# Forcefully kill all browser processes
-playwright-cli kill-all
-```
-
-## Local installation
-
-In some cases user might want to install playwright-cli locally. If running globally available `playwright-cli` binary fails, use `npx playwright-cli` to run the commands. For example:
-
-```bash
-npx playwright-cli open https://example.com
-npx playwright-cli click e1
-```
-
-## Example: Form submission
-
-```bash
-playwright-cli open https://example.com/form
-playwright-cli snapshot
-
-playwright-cli fill e1 "user@example.com"
-playwright-cli fill e2 "password123"
-playwright-cli click e3
-playwright-cli snapshot
-playwright-cli close
-```
-
-## Example: Multi-tab workflow
-
-```bash
-playwright-cli open https://example.com
-playwright-cli tab-new https://example.com/other
-playwright-cli tab-list
-playwright-cli tab-select 0
-playwright-cli snapshot
-playwright-cli close
-```
-
-## Example: Debugging with DevTools
-
-```bash
-playwright-cli open https://example.com
-playwright-cli click e4
-playwright-cli fill e7 "test"
-playwright-cli console
-playwright-cli network
-playwright-cli close
-```
-
-```bash
-playwright-cli open https://example.com
-playwright-cli tracing-start
-playwright-cli click e4
-playwright-cli fill e7 "test"
-playwright-cli tracing-stop
-playwright-cli close
-```
-
-## Specific tasks
-
-* **Request mocking** [references/request-mocking.md](references/request-mocking.md)
-* **Running Playwright code** [references/running-code.md](references/running-code.md)
-* **Browser session management** [references/session-management.md](references/session-management.md)
-* **Storage state (cookies, localStorage)** [references/storage-state.md](references/storage-state.md)
-* **Test generation** [references/test-generation.md](references/test-generation.md)
-* **Tracing** [references/tracing.md](references/tracing.md)
-* **Video recording** [references/video-recording.md](references/video-recording.md)