1"use strict";(self.webpackChunkoctab=self.webpackChunkoctab||[]).push([[3480],{7787:(e,n,s)=>{s.r(n),s.d(n,{assets:()=>l,contentTitle:()=>a,default:()=>h,frontMatter:()=>o,metadata:()=>t,toc:()=>c});const t=JSON.parse('{"id":"tutorials/tab-grouping","title":"Tab Grouping Feature: A Step-by-Step Tutorial","description":"The Tab Grouping feature in Octab is designed to help you manage your browser tabs effortlessly by organizing them into groups, sorting them, and applying custom rules. This tutorial provides a detailed guide to using the feature effectively.","source":"@site/docs/tutorials/tab-grouping.md","sourceDirName":"tutorials","slug":"/tutorials/tab-grouping","permalink":"/docs/tutorials/tab-grouping","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":8000,"frontMatter":{"sidebar_position":8000},"sidebar":"tutorialSidebar","previous":{"title":"Craft Your Perfect Dashboard with the Home Page","permalink":"/docs/tutorials/home-page"},"next":{"title":"Tab Grouping","permalink":"/docs/category/tab-grouping"}}');var i=s(4848),r=s(8453);const o={sidebar_position:8e3},a="Tab Grouping Feature: A Step-by-Step Tutorial",l={},c=[{value:"In-App:",id:"in-app",level:2},{value:"Via Chrome Toolbar:",id:"via-chrome-toolbar",level:2},{value:"Proceed with Caution",id:"proceed-with-caution",level:3},{value:"Using Actions to Group Chrome Tabs",id:"using-actions-to-group-chrome-tabs",level:3},{value:"1. Group Tabs by Domain:",id:"1-group-tabs-by-domain",level:2},{value:"2. Sort Groups by Title:",id:"2-sort-groups-by-title",level:2},{value:"3. Ungroup All Tabs:",id:"3-ungroup-all-tabs",level:2},{value:"4. Sort Tabs by Domain:",id:"4-sort-tabs-by-domain",level:2},{value:"5. Sort Tabs by Last Accessed:",id:"5-sort-tabs-by-last-accessed",level:2},{value:"6. Close Duplicate Tabs:",id:"6-close-duplicate-tabs",level:2},{value:"7. Suspend All Tabs:",id:"7-suspend-all-tabs",level:2},{value:"Configuring Tab Grouping Settings",id:"configuring-tab-grouping-settings",level:3},{value:"1. Enable Group Tabs:",id:"1-enable-group-tabs",level:2},{value:"2. Auto-Group Tabs:",id:"2-auto-group-tabs",level:2},{value:"3. Auto-Collapse Unfocused Groups:",id:"3-auto-collapse-unfocused-groups",level:2},{value:"4. Auto-Activate Tab in Focused Group:",id:"4-auto-activate-tab-in-focused-group",level:2},{value:"Using Regex to Create Custom Tab Groups in Octab",id:"using-regex-to-create-custom-tab-groups-in-octab",level:3},{value:"What is Regex?",id:"what-is-regex",level:2},{value:"How to Add a Custom Group:",id:"how-to-add-a-custom-group",level:2},{value:"Example:",id:"example",level:2},{value:"Tips for Efficient Tab Management with Octab",id:"tips-for-efficient-tab-management-with-octab",level:3}];function d(e){const n={code:"code",h1:"h1",h2:"h2",h3:"h3",header:"header",hr:"hr",img:"img",li:"li",ol:"ol",p:"p",strong:"strong",ul:"ul",...(0,r.R)(),...e.components};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(n.header,{children:(0,i.jsx)(n.h1,{id:"tab-grouping-feature-a-step-by-step-tutorial",children:"Tab Grouping Feature: A Step-by-Step Tutorial"})}),"\n",(0,i.jsx)(n.p,{children:"The Tab Grouping feature in Octab is designed to help you manage your browser tabs effortlessly by organizing them into groups, sorting them, and applying custom rules. This tutorial provides a detailed guide to using the feature effectively."}),"\n",(0,i.jsx)(n.hr,{}),"\n",(0,i.jsx)(n.h1,{id:"how-to-access-octabs-tab-grouping-feature-in-chrome",children:"How to Access Octab's Tab Grouping Feature in Chrome"}),"\n",(0,i.jsx)(n.h2,{id:"in-app",children:"In-App:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsx)(n.li,{children:"Open the Octab app."}),"\n",(0,i.jsxs)(n.li,{children:["Click on the ",(0,i.jsx)(n.strong,{children:"Tab Grouping Icon"})," to navigate directly to the Tab Grouping feature page."]}),"\n",(0,i.jsx)(n.li,{children:"Or press the shortcut 'r' on your keyboard to quickly access the Tab Grouping feature."}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Tab Grouping Icon",src:s(4421).A+"",width:"276",height:"288"})}),"\n",(0,i.jsx)(n.h2,{id:"via-chrome-toolbar",children:"Via Chrome Toolbar:"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Step 1: Pin the Extension to the Chrome Toolbar"})}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["Click on the ",(0,i.jsx)(n.strong,{children:"puzzle piece icon"})," (Extensions) in the top-right corner of your Chrome browser to open the Extensions Menu."]}),"\n",(0,i.jsxs)(n.li,{children:["Locate the ",(0,i.jsx)(n.strong,{children:"Octab - Smart Tab Manager"})," extension in the list and click the ",(0,i.jsx)(n.strong,{children:"pin icon"})," next to it. This will add the extension to your Chrome toolbar for quick access."]}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Step 2: Pin Extension",src:s(2716).A+"",width:"766",height:"496"})}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Step 2: Open the Sidebar"})}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["Once pinned, you\u2019ll see the ",(0,i.jsx)(n.strong,{children:"Octab icon"})," on your toolbar."]}),"\n",(0,i.jsx)(n.li,{children:"Click the Octab icon to open the extension's sidebar."}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.strong,{children:"Step 3: Navigate to the Tab Grouping Feature"})}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["In the sidebar, locate the ",(0,i.jsx)(n.strong,{children:"Group Icon"}),", which represents the Tab Grouping feature."]}),"\n",(0,i.jsx)(n.li,{children:"Click on the Group Icon to directly access the Tab Grouping page."}),"\n"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Step 4: Tab Grouping in Sidebar",src:s(2481).A+"",width:"748",height:"434"})}),"\n",(0,i.jsx)(n.hr,{}),"\n",(0,i.jsx)(n.h3,{id:"proceed-with-caution",children:"Proceed with Caution"}),"\n",(0,i.jsx)(n.p,{children:'"Caution: The selected actions may modify your existing tab groups and rearrange your tabs. Please proceed carefully to avoid unexpected changes."'}),"\n",(0,i.jsx)(n.hr,{}),"\n",(0,i.jsx)(n.h3,{id:"using-actions-to-group-chrome-tabs",children:"Using Actions to Group Chrome Tabs"}),"\n",(0,i.jsx)(n.p,{children:"The Actions section contains buttons for various tab operations to streamline your workflow. Below are the available actions:"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Actions Section",src:s(2172).A+"",width:"1482",height:"266"})}),"\n",(0,i.jsx)(n.h2,{id:"1-group-tabs-by-domain",children:"1. Group Tabs by Domain:"}),"\n",(0,i.jsx)(n.p,{children:"Organizes all open tabs by their website domain."}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Steps:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["Click the ",(0,i.jsx)(n.strong,{children:"Group Tabs by Domain"})," button."]}),"\n",(0,i.jsx)(n.li,{children:"Wait for the tabs to reorganize."}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Example:"})," All ",(0,i.jsx)(n.code,{children:"youtube.com"})," tabs are grouped together."]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"2-sort-groups-by-title",children:"2. Sort Groups by Title:"}),"\n",(0,i.jsx)(n.p,{children:"Arranges tab groups alphabetically."}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Steps:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["Click the ",(0,i.jsx)(n.strong,{children:"Sort Groups by Title"})," button."]}),"\n",(0,i.jsx)(n.li,{children:"Your groups will be sorted alphabetically."}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"3-ungroup-all-tabs",children:"3. Ungroup All Tabs:"}),"\n",(0,i.jsx)(n.p,{children:"Removes all tabs from their groups and returns them to their original state."}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Steps:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["Click the ",(0,i.jsx)(n.strong,{children:"Ungroup All Tabs"})," button."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"4-sort-tabs-by-domain",children:"4. Sort Tabs by Domain:"}),"\n",(0,i.jsx)(n.p,{children:"Orders tabs based on their domain."}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Steps:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["Click the ",(0,i.jsx)(n.strong,{children:"Sort Tabs by Domain"})," button."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"5-sort-tabs-by-last-accessed",children:"5. Sort Tabs by Last Accessed:"}),"\n",(0,i.jsx)(n.p,{children:"Arranges tabs by their most recent access time."}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Steps:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["Click the ",(0,i.jsx)(n.strong,{children:"Sort Tabs by Last Accessed"})," button."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"6-close-duplicate-tabs",children:"6. Close Duplicate Tabs:"}),"\n",(0,i.jsx)(n.p,{children:"Detects and closes tabs with the same URL to reduce clutter."}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Steps:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["Click the ",(0,i.jsx)(n.strong,{children:"Close Duplicate Tabs"})," button."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"7-suspend-all-tabs",children:"7. Suspend All Tabs:"}),"\n",(0,i.jsx)(n.p,{children:"Suspends inactive tabs to save memory."}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Steps:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["Click the ",(0,i.jsx)(n.strong,{children:"Suspend All Tabs"})," button."]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsx)(n.hr,{}),"\n",(0,i.jsx)(n.h3,{id:"configuring-tab-grouping-settings",children:"Configuring Tab Grouping Settings"}),"\n",(0,i.jsxs)(n.p,{children:["In the ",(0,i.jsx)(n.strong,{children:"Settings"})," section, you can toggle options for more customized tab grouping:"]}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Settings Section",src:s(3682).A+"",width:"1134",height:"492"})}),"\n",(0,i.jsx)(n.h2,{id:"1-enable-group-tabs",children:"1. Enable Group Tabs:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"On:"})," Automatically organizes tabs into groups."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Off:"})," Disables tab grouping and all related settings."]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"2-auto-group-tabs",children:"2. Auto-Group Tabs:"}),"\n",(0,i.jsx)(n.p,{children:"Automatically groups tabs based on their domains or custom rules."}),"\n",(0,i.jsx)(n.h2,{id:"3-auto-collapse-unfocused-groups",children:"3. Auto-Collapse Unfocused Groups:"}),"\n",(0,i.jsx)(n.p,{children:"Collapses groups that are not currently in use to save space on the tab bar."}),"\n",(0,i.jsx)(n.h2,{id:"4-auto-activate-tab-in-focused-group",children:"4. Auto-Activate Tab in Focused Group:"}),"\n",(0,i.jsx)(n.p,{children:"Automatically opens the first tab in a group when it is focused."}),"\n",(0,i.jsx)(n.hr,{}),"\n",(0,i.jsx)(n.h3,{id:"using-regex-to-create-custom-tab-groups-in-octab",children:"Using Regex to Create Custom Tab Groups in Octab"}),"\n",(0,i.jsx)(n.h2,{id:"what-is-regex",children:"What is Regex?"}),"\n",(0,i.jsx)(n.p,{children:"Regex (Regular Expression) is a pattern-matching tool used to match tab URLs for grouping."}),"\n",(0,i.jsx)(n.h2,{id:"how-to-add-a-custom-group",children:"How to Add a Custom Group:"}),"\n",(0,i.jsxs)(n.ol,{children:["\n",(0,i.jsxs)(n.li,{children:["Click ",(0,i.jsx)(n.strong,{children:"Add Group"}),"."]}),"\n",(0,i.jsxs)(n.li,{children:["Fill in the following fields:","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Group Name:"})," Enter a descriptive name for the group."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Regex Pattern:"})," Enter a regex to match tab URLs.","\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.strong,{children:"Examples:"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:"^https?:\\/\\/(www\\.)?youtube\\.com"})," : Matches YouTube tabs."]}),"\n",(0,i.jsxs)(n.li,{children:[(0,i.jsx)(n.code,{children:".*shopping.*"}),' : Matches any tab with "shopping" in the URL.']}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n"]}),"\n",(0,i.jsxs)(n.li,{children:["Save your configuration by clicking ",(0,i.jsx)(n.strong,{children:"Save"}),"."]}),"\n"]}),"\n",(0,i.jsx)(n.h2,{id:"example",children:"Example:"}),"\n",(0,i.jsx)(n.p,{children:(0,i.jsx)(n.img,{alt:"Group and Regex Configuration",src:s(7457).A+"",width:"1326",height:"462"})}),"\n",(0,i.jsx)(n.hr,{}),"\n",(0,i.jsx)(n.h3,{id:"tips-for-efficient-tab-management-with-octab",children:"Tips for Efficient Tab Management with Octab"}),"\n",(0,i.jsxs)(n.ul,{children:["\n",(0,i.jsx)(n.li,{children:"Regularly review and update your regex configurations to match new websites."}),"\n",(0,i.jsxs)(n.li,{children:["Use the ",(0,i.jsx)(n.strong,{children:"Close Duplicate Tabs"})," feature to declutter."]}),"\n",(0,i.jsxs)(n.li,{children:["Toggle ",(0,i.jsx)(n.strong,{children:"Auto-Collapse Groups"})," to save space on your tab bar."]}),"\n",(0,i.jsx)(n.li,{children:"Create custom regex patterns for specific workflows to group tabs automatically."}),"\n",(0,i.jsxs)(n.li,{children:["Use the ",(0,i.jsx)(n.strong,{children:"Suspend All Tabs"})," feature to free up memory when working with many open tabs."]}),"\n",(0,i.jsxs)(n.li,{children:["Sort tabs by ",(0,i.jsx)(n.strong,{children:"Last Accessed"})," to quickly revisit recently used tabs."]}),"\n",(0,i.jsxs)(n.li,{children:["Experiment with different settings in the ",(0,i.jsx)(n.strong,{children:"Auto-Group Tabs"})," option to find the best fit for your browsing habits."]}),"\n",(0,i.jsx)(n.li,{children:"Bookmark frequently used groups and organize them into folders for quick access."}),"\n",(0,i.jsx)(n.li,{children:"Assign color-coded labels to groups for quicker visual identification of tab c
1ategories."}),"\n",(0,i.jsx)(n.li,{children:'Use the "Sort Groups by Title" feature to maintain an organized view of your tabs.'}),"\n",(0,i.jsx)(n.li,{children:"Set a daily or weekly routine to review open tabs and decide which ones to keep, group, or close."}),"\n",(0,i.jsx)(n.li,{children:"Create dedicated tab groups for projects or tasks to streamline your workflows."}),"\n",(0,i.jsx)(n.li,{children:"Combine tab grouping with bookmarks to save and restore tab sets easily during different sessions."}),"\n"]})]})}function h(e={}){const{wrapper:n}={...(0,r.R)(),...e.components};return n?(0,i.jsx)(n,{...e,children:(0,i.jsx)(d,{...e})}):d(e)}},2172:(e,n,s)=>{s.d(n,{A:()=>t});const t=s.p+"assets/images/actions-8ca1e8e26a0752243e6932a77966f93d.png"},3682:(e,n,s)=>{s.d(n,{A:()=>t});const t=s.p+"assets/images/settings-bad413f2d9c5f3296c6a651a24733f2d.png"},2481:(e,n,s)=>{s.d(n,{A:()=>t});const t=s.p+"assets/images/sidepanel_open-a9336d64eefdb70958cc73b31e830a5b.png"},2716:(e,n,s)=>{s.d(n,{A:()=>t});const t=s.p+"assets/images/toolbar_pin-0cfa9082131d49cabe55158653395a25.png"},4421:(e,n,s)=>{s.d(n,{A:()=>t});const t=s.p+"assets/images/top_right_menu-525300b8e914754481972be1a9f2235b.png"},7457:(e,n,s)=>{s.d(n,{A:()=>t});const t=s.p+"assets/images/videos_regex-113f08899c2131810469baace22fa4f3.png"},8453:(e,n,s)=>{s.d(n,{R:()=>o,x:()=>a});var t=s(6540);const i={},r=t.createContext(i);function o(e){const n=t.useContext(r);return t.useMemo((function(){return"function"==typeof e?e(n):{...n,...e}}),[n,e])}function a(e){let n;return n=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:o(e.components),t.createElement(r.Provider,{value:n},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.