@czi-sds/mcp 0.5.3 → 0.5.4

package/data/zeroheight-exports/Field-Inputs.md

@@ -39,8 +39,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Rounded Search Input Intent States
 
 The `intent` prop is used to communicate the response state of the user's search inquiry.
@@ -76,8 +74,6 @@ These rules establish how much margin should exist between and around elements.
 
 ---
 
-
-
 ---
 
 ## Square Search Input
@@ -108,8 +104,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Square Search Input Intent States
 
 The `intent` prop is used to communicate the response state of the user's search inquiry.
@@ -141,8 +135,6 @@ Use `intent: warning` to communicate when a user needs to be alerted that their
 
 These rules establish how much margin should exist between and around elements.
 
-
-
 **Square Search Input spacing**
 
 ---
@@ -179,8 +171,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Text Area Input
 
 The Text Area Input is meant to fit multiple lines of text and should be used when there is the potential that the user will want or need to input more than a single line's worth of content.
@@ -210,8 +200,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Text Input Intent States
 
 The `intent` prop is used to communicate the response state of the text the user has input.
@@ -323,8 +311,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Rounded Search Input Intent States
 
 The `intent` prop is used to communicate the response state of the user's search inquiry.
@@ -390,8 +376,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Square Search Input Intent States
 
 The `intent` prop is used to communicate the response state of the user's search inquiry.
@@ -459,8 +443,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Text Area Input
 
 The Text Area Input is meant to fit multiple lines of text and should be used when there is the potential that the user will want or need to input more than a single line's worth of content.
@@ -490,8 +472,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Text Input Intent States
 
 The `intent` prop is used to communicate the response state of the text the user has input.

package/data/zeroheight-exports/Filters.md

@@ -139,8 +139,6 @@ The Dropdown Menu that is activated when the Filter Label is clicked displays th
 
 ---
 
-
-
 ### Filter Example
 
 The example below shows Complex Filters being used as part of a Basic Panel in CZ GEN EPI.
@@ -234,8 +232,6 @@ The example below shows Simple Filters being used as part of a Basic Panel in CZ
 
 ---
 
-
-
 ---
 
 ### Simple Filter Spacing
@@ -302,8 +298,6 @@ The Dropdown Menu that is activated when the Filter Label is clicked displays th
 
 ---
 
-
-
 ### Complex Filter Example
 
 The example below shows Complex Filters being used as part of a Basic Panel in CZ ID.

package/data/zeroheight-exports/Getting-Started.md

@@ -89,8 +89,6 @@ npm i czifui
 yarn add czifui
 ```
 
-
-
 SDS currently uses Material UI v5
 
 czifui installs without direct dependencies to prevent version errors. Please ensure the following peer dependencies are also installed:
@@ -482,8 +480,6 @@ export const Tag = styled.div`
 `;
 ```
 
-
-
 4. **CSS & SCSS Variables** - Variables for the `defaultTheme` to use if your app doesn't support `@emotion/styled`
 
 ```css
@@ -549,8 +545,6 @@ import { ThemeProvider as EmotionThemeProvider } from "@emotion/react";
 </StylesProvider>;
 ```
 
-
-
 3. If you need to override the default SDS theme, please follow the instructions here.
 
 ---

package/data/zeroheight-exports/Lists.md

@@ -169,8 +169,6 @@ Use when the order of the list's content does not matter.
 
 ---
 
-
-
 ### Ordered List
 
 Use when the list's content needs to be presented in a specific order or sequence.
@@ -325,8 +323,6 @@ Use when the order of the list's content does not matter.
 
 ---
 
-
-
 ### Ordered List
 
 Use when the list's content needs to be presented in a specific order or sequence.

package/data/zeroheight-exports/Loading-Indicator.md

@@ -25,8 +25,6 @@ These rules establish how much margin should exist between and around elements.
 
 ---
 
-
-
 ## Code
 
 ## Loading Indicator Component
@@ -41,5 +39,3 @@ These rules establish how much margin should exist between and around elements.
 ### LoadingIndicator
 
 Storybook
-
-

package/data/zeroheight-exports/Navigation.md

@@ -32,8 +32,6 @@ These rules establish how much margin should exist between and around elements.
 
 ---
 
-
-
 ## Code
 
 ## Jump-to Navigation Component
@@ -49,8 +47,6 @@ These rules establish how much margin should exist between and around elements.
 
 Default
 
-
-
 ---
 
 Navigation components enable users to move around an application, either between pages or within the same page, and help facilitate user's ability to find relevant content and tools.
@@ -83,8 +79,6 @@ Use a positive pixel value in the `offset` prop to adjust where on the page the
 
 These rules establish how much margin should exist between and around elements.
 
-
-
 **Jump-to Navigation spacing**
 
 ---

package/data/zeroheight-exports/Notification.md

@@ -56,8 +56,6 @@ A Minimal Button can be added to the Notification if additional action from the
 
 Click on each state below to enter inspect view and get details on its code attributes and any global styles it uses.
 
-
-
 **Notification/Notification**
 
 ---
@@ -135,8 +133,6 @@ Each intent is demonstrated below using the Persistent Notification for referenc
 
 Storybook
 
-
-
 ---
 
 Notifications appear outside of the flow of the page to highlight information to the user whether in response to an action they have completed or to bring their attention to important details.
@@ -185,8 +181,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Dismissible Notification
 
 Use when communicating information that is manually dismissible by the user and does not need to remain persistent on the screen. It can be set to automatically dismiss after a designated period of time using the `autoDismiss` prop; when set to `true`, the automatic dismissal will occur after 8 milliseconds by default, but can be set to a custom length of time by entering a millisecond value into the prop.
@@ -195,8 +189,6 @@ A Minimal Button can be added to the Notification if additional action from the
 
 Click on each state below to enter inspect view and get details on its code attributes and any global styles it uses.
 
-
-
 **Default**
 
 ---
@@ -272,8 +264,6 @@ Each intent is demonstrated below using the Persistent Notification for referenc
 
 Storybook
 
-
-
 ---
 
 Notifications appear outside of the flow of the page to highlight information to the user whether in response to an action they have completed or to bring their attention to important details.

package/data/zeroheight-exports/Panel.md

@@ -19,8 +19,6 @@ Panels are comprised of containers within which other elements are placed. Use t
 
 The example below shows where in CZ GEN EPI the Basic Panel is used.
 
-
-
 **Basic Panel_left**
 
 ---
@@ -101,8 +99,6 @@ Although Overlay Panels can be designed to contain a wide range of elements, the
 
 ---
 
-
-
 ### Overlay Panel Examples
 
 The examples below show where in CZ ID the Overlay Panel is currently being used.
@@ -128,14 +124,10 @@ The examples below show where in CZ ID the Overlay Panel is currently being used
 
 ### PanelBasic (coming soon)
 
-
-
 ---
 
 ### PanelOverlay (coming soon)
 
-
-
 ---
 
 Panels are elements that contain supplementary information or actions for the page's content they appear on. Where and how they display is determined by the type of content on them.

package/data/zeroheight-exports/Search-Input.md

@@ -36,8 +36,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Small Search Input
 
 Used in napari hub for searching within plugin Filter Dropdown Menus when there are more menu items than can be viewed without scrolling.
@@ -77,8 +75,6 @@ These rules establish how much margin should exist between and around elements.
 
 ---
 
-
-
 ## Code
 
 ## Field Input Components
@@ -93,5 +89,3 @@ These rules establish how much margin should exist between and around elements.
 ### InputSearch
 
 Storybook
-
-

package/data/zeroheight-exports/Search.md

@@ -23,8 +23,6 @@ Search is a flexible way for users to find data of interest or filter down their
 
 Search results are displayed on the current page by filtering down the visible content within the searchable area(s) to show matches only. This search is the most common pattern; it is used both at the component and the page levels.
 
-
-
 **napari hub + org_On-page Results flow_Overview**
 
 ---
@@ -47,8 +45,6 @@ Search is initiated when the user clicks a button, hits “enter”, or complete
 
 This method is recommended when search results must be fetched from the backend, or when the user needs to set up other specifications before initiating the search.
 
-
-
 #### **3.** Results Displayed in Searched Content Area
 
 Results are displayed by filtering the content in the searchable area (1) so that only search results are visible.
@@ -95,8 +91,6 @@ That being said, for the On-page Results flow, keep in mind:
 
 Search results are displayed on a different page than where the search was originally initiated. Depending on the use case, this may be a unique “Results” page, or an existing page where the data is usually located. The Results Page flow is often combined with the On-page Results flow. Learn more about Combining Search Types.
 
-
-
 **napari hub + org_Results Page flow_Overview**
 
 ---
@@ -109,8 +103,6 @@ It is recommended to position Search Inputs at the top level of the content the
 
 For example, if the search will display results from across the whole site (1), position the Search Input in a top-level navigation or outside of the page content hierarchy (2).
 
-
-
 **Results Page – 1**
 
 ---
@@ -121,8 +113,6 @@ Search is initiated when the user clicks a button (1), hits “enter” (2), or
 
 Because results will be displayed on a new page, Live Search is not recommended.
 
-
-
 **Results Page – 2**
 
 ---
@@ -135,8 +125,6 @@ The results page format depends on the product's use case and content. In the ex
 
 If there are no results, it is recommended to display a bank state on the results page.
 
-
-
 **Results Page – 3**
 
 ---
@@ -149,8 +137,6 @@ Depending on the product and the user’s workflow, they may take a number of ne
 - Interact with results, like drilling down into a single result (2) .
 - Filter or Sort Results.
 
-
-
 **Results Page – 4**
 
 ---
@@ -281,8 +267,6 @@ If there are no results, it is recommended that a “No Results” blank state i
 
 ---
 
-
-
 **4. User Takes Action on Results**
 
 Depending on the product and the user’s workflow, users may take a number of next actions on the results, possibly including:
@@ -508,8 +492,6 @@ The following behaviors are recommended for displaying search results within a D
 
 ---
 
-
-
 ## Other Considerations
 
 | Search is a complex component, and is highly subjective to each product's use case. While it's impossible to support and document every use case, here is a collection of patterns that may be useful to consider when implementing it. The patterns detailed below have not been developed by the SDS team and are simply examples pulled from products that utilize the SDS components. **Please consider the information in this section as inspiration only.** |     | **Jump to pattern:** Combining Search Types Supporting User Behavior |

package/data/zeroheight-exports/Table.md

@@ -48,8 +48,6 @@ Click on each variant below to enter inspect view and get details on its code at
 
 These rules establish how much margin should exist between and around elements. Multiple Basic Cells are placed beside each other to create a Table Row. Stack Table Rows below a Table Header to create a full Table.
 
-
-
 **Basic Cell spacing**
 
 ---
@@ -222,8 +220,6 @@ Click on each variant below to enter inspect view and get details on its code at
 
 **Note:** Dotted lines around the cells below are only for demonstration purposes to show the cells' containers; in application, individual cells have no borders.
 
-
-
 **Default**
 
 ---
@@ -300,8 +296,6 @@ Click on each variant below to enter inspect view and get details on its code at
 
 These rules establish how much margin should exist between and around elements. Multiple content cells are placed beside each other to create a Table Row. Stack Table Rows below a Table Header to create a full Table.
 
-
-
 **Content Cell spacing**
 
 ---
@@ -342,8 +336,6 @@ Each Header Cell can have an optional Tooltip appear when hovered over by using
 
 ---
 
-
-
 ### Header Cell Variants
 
 Click on each variant below to enter inspect view and get details on its code attributes and any global styles it uses.
@@ -409,8 +401,6 @@ Use the `disabled` prop to gray out all of the cells in the row and make it so u
 
 Click on each variant below to enter inspect view and get details on its code attributes and any global styles it uses.
 
-
-
 **Default**
 
 ---
@@ -455,12 +445,8 @@ An overflow Icon Button, represented by the `DotsHorizontal3` icon (2), can be u
 
 ---
 
-
-
 For efficiency, Tables can be designed to allow users to complete actions across multiple Table Rows at the same time, known as bulk actions. Similar to row actions, bulk actions are completed by clicking on corresponding Icon Buttons that are located at the top right of the Table, above the Table Header; they should be inactive when no rows are selected (1).
 
-
-
 **Bulk Table Row actions_default**
 
 ---
@@ -469,8 +455,6 @@ To make Table Rows selectable, designers must include Checkbox Inputs in the fir
 
 Because actions taken at the row level will impact stored data in the application, row and bulk actions are completely controlled by the application itself and not the SDS component.
 
-
-
 **Bulk Table Row actions_selected**
 
 ---
@@ -561,8 +545,6 @@ Storybook
 
 ---
 
-
-
 ### CellComponent
 
 Storybook
@@ -593,8 +575,6 @@ Storybook
 
 Storybook
 
-
-
 ---
 
 Tables are used to store and visually organize data and other content into a series of cells grouped into a collection of rows and columns, helping users better understand and analyze a given set of information.

package/data/zeroheight-exports/Tabs.md

@@ -190,8 +190,6 @@ These rules establish how much margin should exist between and around elements.
 
 ---
 
-
-
 ## Code
 
 ## Tabs Component
@@ -274,8 +272,6 @@ Overall, include a counter when necessary to indicate the number of items on tha
 | **Default + Underline** | **Hover** | **Active** | **Disabled** |
 | ----------------------- | --------- | ---------- | ------------ |
 
-
-
 **Tabs**
 
 ---
@@ -403,8 +399,6 @@ These rules establish how much margin should exist between and around elements.
 
 ---
 
-
-
 ## Code
 
 ## Tabs Component
@@ -420,8 +414,6 @@ These rules establish how much margin should exist between and around elements.
 
 Storybook
 
-
-
 ---
 
 Tabs allow users to switch between different sets of information or content that is related to one overarching category or group while staying on the same page.
@@ -524,8 +516,6 @@ Include a counter when necessary to indicate the number of items on that Tab's s
 
 ---
 
-
-
 ### Small Tabs
 
 Alternative Tab size to be used only in conjunction with Large Tabs when a secondary layer of tabbing is needed.

package/data/zeroheight-exports/Tags.md

@@ -430,8 +430,6 @@ Storybook
 
 Storybook
 
-
-
 ---
 
 Tags are used to label the status of certain elements or in conjunction with filters to indicate which have been applied when viewing datasets.

package/data/zeroheight-exports/Text-Link.md

@@ -42,10 +42,6 @@ These rules establish how much margin should exist between and around elements.
 
 ---
 
-
-
-
-
 ## Code
 
 ## Text Link Component
@@ -61,8 +57,6 @@ These rules establish how much margin should exist between and around elements.
 
 Storybook
 
-
-
 ---
 
 Text Links are interactive elements that, when clicked, navigate the user away from the page they are currently viewing to another page or screen.
@@ -102,8 +96,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Dashed Text Link
 
 Use the Dashed Text Link when the Text Link is placed on a background where the Default Text Link does not provide enough contrast to pass visual accessibility standards. The color of the link and its underline is inherited from the color used in the paragraph it is part of, see Dashed Text Link Color Examples below.
@@ -156,8 +148,6 @@ Note: Default Text Links fall in line with the rest of the text in the paragraph
 
 ---
 
-
-
 ## Code
 
 ## Text Link Component
@@ -212,8 +202,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Dashed Text Link
 
 Use the Dashed Text Link when the Text Link is placed on a background where the Default Text Link does not provide enough contrast to pass visual accessibility standards. The color of the link and its underline is inherited from the color used in the paragraph it is part of, see Dashed Text Link Color Examples below.
@@ -235,8 +223,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Dashed Text Link Color Examples
 
 See below for visual examples of how the Dashed Text Link should be used in different colors depending on the color of the background it is placed upon.
@@ -280,5 +266,3 @@ Note: Default Text Links fall in line with the rest of the text in the paragraph
 ### Link
 
 Storybook
-
-

package/data/zeroheight-exports/Tooltips.md

@@ -240,14 +240,10 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 **Default + Subtitle**
 
 ---
 
-
-
 ### Light Tooltip
 
 Use to display supplementary information such as definitions, instructions, or expanded details which require more text in the Tooltip. The white background on the Tooltip makes longer blocks of copy easier for the user to read. Use the `width` prop to expand the width of the Light Tooltip to a max-width of 550px if there is a need to display particularly long blocks of copy.
@@ -258,8 +254,6 @@ The Tooltip is positioned relative to the on-screen element as opposed to relati
 
 Click on each state below to enter inspect view and get details on its code attributes and any global styles it uses.
 
-
-
 **Default**
 
 ---
@@ -371,8 +365,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 **Default + Indicator**
 
 ---
@@ -575,8 +567,6 @@ The Tooltip is positioned relative to the on-screen element as opposed to relati
 
 Click on each state below to enter inspect view and get details on its code attributes and any global styles it uses.
 
-
-
 **Default**
 
 ---
@@ -587,8 +577,6 @@ Click on each state below to enter inspect view and get details on its code attr
 
 ---
 
-
-
 ### Light Tooltip
 
 Use to display supplementary information such as definitions, instructions, or expanded details which require more text in the Tooltip. The white background on the Tooltip makes longer blocks of copy easier for the user to read. Use the `width` prop to expand the width of the Light Tooltip to a max width of 550px if there is a need to display particularly long blocks of copy.
@@ -599,8 +587,6 @@ The Tooltip is positioned relative to the on-screen element as opposed to relati
 
 Click on each state below to enter inspect view and get details on its code attributes and any global styles it uses.
 
-
-
 **Default**
 
 ---
@@ -862,8 +848,6 @@ Storybook
 
 Storybook
 
-
-
 ---
 
 Tooltips are used throughout the UI and appear whenever users hover over elements that require additional context, instructions, or details.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@czi-sds/mcp",
   "description": "The official MCP server for SDS",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "main": "dist/stdio.js",
   "files": [
     "dist",
@@ -62,5 +62,5 @@
     "tsx": "^4.20.3",
     "typescript": "^5.9.2"
   },
-  "gitHead": "b429604fd8fd932c28053faff1a6651cb61ada5f"
+  "gitHead": "521a9fa26e971802a4b20b663104db10822d0874"
 }