Commit Graph

22 Commits

Author SHA1 Message Date
bbe2ccdc91 docs: fix sidebar and TOC styles for Redocusaurus (#12748)
* docs: improve sidebar and TOC readability + scroll progress

- Fix left nav sidebar hugging the left edge (remove margin-left)
- Increase sidebar font sizes and lift muted colors for legibility
- TOC right-side: white inactive items, pink active, gray for passed sections
- Add clientModule (tocProgress.js) to track scroll progress in TOC
- Add Redocusaurus API page styles to match site theme

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

* docs: fix sidebar/TOC height stability and active item reflow

- Force sidebarViewport to 100vh to prevent shrinking during scroll
- Replace font-weight on active TOC item with text-shadow to avoid reflow

* docs: left-anchor sidebar and increase fonts on large screens

* docs: constrain prev/next nav to match content max-width

* docs: fix sidebar jump on scroll by moving padding-top inside menu

* docs: fix sidebar-ad spacing with transparent padding on li

* docs: fix sidebarViewport height and MutationObserver leak

* docs: constrain doc content to 75vw and remove dead CSS comments

- Cap docMainContainer at 75vw
- Set pagination-nav to 100% width to match content column
- Remove commented-out .markdown and .ch-scrollycoding blocks

* docs: set docMainContainer max-width to 75% for better reading width

* docs: center main-wrapper on large screens and center docItemWrapper

* fix: revert lodash override to stable 4.17.21

lodash 4.18.0 is a broken release — template.js uses assignWith and
arrayEach without importing them, crashing npm start. Pin to 4.17.21
across all nested overrides.

* fix: prevent horizontal scroll on mobile docs pages

docsWrapper has flex:1 0 auto (flex-shrink:0), so it never shrinks below
the natural content width (~570px on iPhone). Cap it to 100vw and add
min-width:0 down the flex chain (docRoot, docMainContainer) so the
layout stays within viewport on narrow screens.

Also remove the overflow:visible override from ch-code-wrapper, which
was defeating the code block's own horizontal containment.

* feat: responsive navbar search and hide social icons on mobile

Shrink search bar as viewport narrows (160px at 1100px, 100px at 996px),
collapse to icon-only at 960px. Hide GitHub, X, and Discord icons below
996px where the hamburger menu takes over navigation.

* fix: images always respect container width above 996px

Use min(100%, 600px) so images are capped at 600px but never overflow
their container when the content area is narrower (e.g. sidebar open).

* fix: improve TOC progress scroll tracking and bottom-of-page detection

Adds scroll handler with RAF throttle, pauses/resumes MutationObserver
to avoid loops, and forces last TOC link active when scrolled to page bottom.

* fix: translate Portuguese comments to English in custom.css

* fix: sidebar viewport fills full screen height

* feat: sidebar section icon turns pink with ease transition when active

* fix: reduce TOC font size to 0.8rem

* fix: remove docMainContainer right padding and add 48px gap to content col

* fix: card header responsive alignment and title margin reset

* fix: darken card background and active sidebar item bg on light theme

* fix: revert TOC colors and add inline code border radius tweak

* fix: minimal scrollbar for sidebar and TOC — thumb only on hover

* fix: scrollbar fade-in/out transition at 0.25s ease

* feat: add rehype plugin for table column wrapping and centering

Inserts zero-width space after underscores in inline code cells so long
env-var names wrap at underscore boundaries. Also centers Format/Default
columns via a col-center class applied at build time.

* fix: use --ifm-heading-color for sidebar group labels in both themes

* refactor: split docs custom.css into themed partials

Breaks the 1,658-line monolithic custom.css into 8 focused files
(tokens, layout, navbar, sidebar, typography, components, code,
redocusaurus). custom.css is now a thin entry point with @imports.

* fix: align sidebar and navbar with shared --docs-gutter token

Introduces --docs-gutter: 1rem in tokens.css and applies it to both
navbar__inner horizontal padding and sidebar nav.menu padding-left,
keeping the Langflow logo and sidebar items visually aligned.

* fix: match sidebar ad background to page background color

Dark mode uses #111 (same as sidebar bg); light mode uses --ifm-background-color.

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-12 22:11:36 +00:00
ed3820bced docs: increase padding for sidebars icons (#12480)
increase-padding-for-sidebar-icons
2026-04-03 17:39:22 +00:00
3ee4bd57eb docs: test harness for api reference code samples (#12338)
* curl-examples-and-tests

* move-curl-examples

* docs-add-existing-js-and-python-examples

* add-python-and-js-examples

* use-code-snippet-not-code-block

* remove-unused-ts-files

* add-gitignore-for-docs-pycache

* test-api-commands-with-langflow-env-var

* add-fixtures-and-makefile-tests-pass

* no-action

* [autofix.ci] apply automated fixes

* [autofix.ci] apply automated fixes

* block-ruff-check-for-docs-examples

* add-horizontal-scrolling-and-pin-copy-button

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
2026-04-03 16:45:15 +00:00
ba3472959f docs: CSS redesign (#12306)
* align-copy-page-to-version

* css-changes

* add-tsx-components

* fix-giant-icons

* improve-download-cta-to-align-with-font

* peer-review

* accessibility-scan

* aria-labels-and-roles-for-svgs

* add continue on error on JEST download step

---------

Co-authored-by: cristhianzl <cristhian.lousa@gmail.com>
2026-03-31 16:43:32 +00:00
170c986714 docs: square up inline icons CSS (#12159)
* square-up-inline-icons

* use-default-alignment

* make-mcp-icon-use-currentColor

* dont-rule-images

* rules-for-svg
2026-03-12 18:33:01 +00:00
b6a4385c2c docs: remove table styling and use default values (#9998)
remove-all-table-styling
2025-09-26 19:40:39 +00:00
e8a2319527 docs: refresh variables pages (#9748)
* link-to-supported-global-vars

* global-vars-page-and-partial

* env-var-page-split-up-big-table

* split-out-tables

* docs: CSS for environment variables table (#9732)

* initial-sizing

* Clean up table styling and remove duplicated rules

* fix: Reduce table font size, remove scrollbar

---------

Co-authored-by: Jonathan Kurten <kurtenj@gmail.com>

* table-layout-fixed-with

* Apply suggestions from code review

Co-authored-by: April I. Murphy <36110273+aimurphy@users.noreply.github.com>

* fix: Standardize table column sizing

* Apply suggestions from code review

Co-authored-by: April I. Murphy <36110273+aimurphy@users.noreply.github.com>

* code-review

* increase-table-text-size-to-1-rem

* Apply suggestions from code review

Co-authored-by: April I. Murphy <36110273+aimurphy@users.noreply.github.com>

* docs-review-and-remove-api-keys-behavior

* cleanup

* more-info-on-shared-playground

* logging-env-vars

* logging-env-vars

* Apply suggestions from code review

Co-authored-by: April I. Murphy <36110273+aimurphy@users.noreply.github.com>

* global-vars-move-table

* env-and-global-vars-and-other

* Apply suggestions from code review

Co-authored-by: April I. Murphy <36110273+aimurphy@users.noreply.github.com>

* Apply suggestions from code review

Co-authored-by: April I. Murphy <36110273+aimurphy@users.noreply.github.com>

* combine-table-with-intro-explanation

* reduce-codefont-padding-in-tables

* remove-duplicate-entry

* alphabetize

* remove-items-from-env-example

* remove-stray-link

---------

Co-authored-by: Jonathan Kurten <kurtenj@gmail.com>
Co-authored-by: April I. Murphy <36110273+aimurphy@users.noreply.github.com>
2025-09-12 17:11:52 +00:00
9e0e66001d docs: fix sidebar behavior of last element (#9687)
* remove-nth-last-child

* fix-main-nav-desktop-ad
2025-09-03 20:23:05 +00:00
9ae41d6251 docs: New theme colors, minimized footer, and slight style changes for readability of certain elements (#9250)
* fix anchor

* footer changes

* remove ifm-background-color

* apply pure back and pure white themes

* thematic link colors

* remove search box redesign to commit it separately

* re-add search box redesign

* remove extra blank line

* change heading font size slightly

* basic tab styling

* navbar-box-shadow

---------

Co-authored-by: Mendon Kissling <59585235+mendonk@users.noreply.github.com>
2025-08-25 19:58:55 +00:00
4fcc447109 docs: Change paragraph text alignment from justified to start (#8651)
change paragraph text alignment
2025-06-20 16:54:48 +00:00
06f7279977 docs: update details summary css for better arrow alignment (#8376)
* align-details-summary-appearance

* accessibility-suggestion
2025-06-04 19:09:06 +00:00
5abb545c4d docs: add typescript client (#8195)
* install

* run-flow-complete

* unneeded-const

* extend-starter-example

* cleanup

* more-cleanup

* response-tabs

* Apply suggestions from code review

Co-authored-by: Phil Nash <philnash@gmail.com>

* cleanup

* update-logging-example

* remove-line-and-reduce-padding

* remove-tab

* logging-example-updated-for-0.3.0

* clarify-quickstart

* Update docs/docs/Develop/Clients/typescript-client.md

* style-review

* spelling

* link-clarity

---------

Co-authored-by: Phil Nash <philnash@gmail.com>
2025-06-04 13:33:56 +00:00
178c443c26 docs: refresh tools page and try details tabs (#7769)
* * Added collapsible sections for Inputs and Outputs to improve readability and organization.
* Removed deprecated components and clarified legacy status for certain tools.

* icosa-url

* details-tab-styling

* code-review

* input-anchor

* Apply suggestions from code review

Co-authored-by: KimberlyFields <46325568+KimberlyFields@users.noreply.github.com>

* Update docs/docs/Components/components-tools.md

Co-authored-by: KimberlyFields <46325568+KimberlyFields@users.noreply.github.com>

* exa-search-url

---------

Co-authored-by: KimberlyFields <46325568+KimberlyFields@users.noreply.github.com>
2025-05-08 15:04:40 +00:00
0bf81f0bdc docs: add ketch management banner (#7503)
* feat: Add Ketch consent management and privacy preference link to docusaurus config

* feat: Update Docusaurus footer and Ketch privacy management

- Modify Ketch script configuration for better performance
- Enhance footer styling with dark theme and copyright
- Add dynamic load for region-specific privacy link
- Update sitemap configuration to ignore preferences page

* Styled footer

* fix-merge-error

* update script to remove link if in default jurisdiction and handle GA… (#7508)

* update script to remove link if in default jurisdiction and handle GA4 tracking

* add test ketch property so we can test in feature branch

* Fix ketch script issue (#7509)

* add new html sidebar item with custom styles and new font

* update script to remove link if in default jurisdiction and handle GA4 tracking

* add test ketch property so we can test in feature branch

* fix script for ketch

---------

Co-authored-by: Mendon Kissling <59585235+mendonk@users.noreply.github.com>

* Fix Ketch script again (#7513)

* add new html sidebar item with custom styles and new font

* update script to remove link if in default jurisdiction and handle GA4 tracking

* add test ketch property so we can test in feature branch

* fix script for ketch

* Update footer css and fix ketch script

* add production logic back in

---------

Co-authored-by: Mendon Kissling <59585235+mendonk@users.noreply.github.com>

* remove-region-check

* make-footer-not-hide-ad

---------

Co-authored-by: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Co-authored-by: Cole Goldsmith <cole.b.goldsmith@gmail.com>
2025-04-15 17:00:55 +00:00
ab324e5eb9 docs: decrease leftnav spacing (#7532)
* add-coles-sidebar-fix

* menu-spacing

* Changed sidebar-ad from sticky to fixed positioning
2025-04-09 21:26:39 +00:00
b9aed459b0 Docs: Create styled link to DataStax Langflow in the sidebar (#7143)
add new html sidebar item with custom styles and new font

Co-authored-by: Mendon Kissling <59585235+mendonk@users.noreply.github.com>
2025-03-20 18:29:16 +00:00
eec1fb23d3 feat: adds new JSON viewer (#5407)
* feat: Add JsonEditor component for JSON editing

This commit adds a new component called JsonEditor, which allows users to edit JSON data. The component uses the JSONEditor library and provides options for customizing the editor's appearance and behavior. It also includes functionality for updating the edited data and triggering a callback when the data changes. The component is initialized with an initial data object and can be updated with new data through props. The component is designed to be reusable and can be easily integrated into other parts of the application.

* feat: Add JsonEditor component for JSON editing and replace JsonView

The commit adds a new component called JsonEditor for editing JSON data. It replaces the previous JsonView component used for displaying JSON data. This change improves the functionality and user experience of the application.

* [autofix.ci] apply automated fixes

* Added json editor to package

* Change jsonEditor to use new vanilla jsonEditor

* Added color variables

* Removed unused buttons on json editor

* Removed unused dark store

* Fixed state management on dictAreaModal

* Change default DictComponent value to dict

* removed unused checks

* Changed to forward ref of json editor

* removed nav bar

* Fixed value not being received

* Added check if value is null and handleOnNewValue on this case

* Removed unused button on json editor

* Adds auto focus and change mode to text

* ♻️ (jsonEditor/index.tsx): remove unnecessary comments and improve code readability by removing redundant comments and empty dependency array in useEffect.

* Fixed dict component test

* Refactor json-input component to use VanillaJsonEditor and JsonEditor component

* Remove react-json-view-lite and react18-json-view dependencies

* [autofix.ci] apply automated fixes

* Refactor jsonEditor component to add readOnly prop

* Refactor json-output-view component to add read-only prop

* Refactor switchOutputView component to add JSON output view

* Refactor CSS styles for JSON editor buttons

* Update package-lock.json to add new dependencies for @mapbox/node-pre-gyp and remove jsdom and its related modules

* [autofix.ci] apply automated fixes

* Refactor textModal component to remove unused imports and dependencies

* add filter property to jsonEditor

* [autofix.ci] apply automated fixes

* Refactor jsonEditor component to handle transform queries and display error messages

* [autofix.ci] apply automated fixes

* Refactor jsonEditor component to add filter property and handle transform queries

* Refactor jsonEditor component to add filter property and handle transform queries

* Refactor Output class to add options property

* Refactor json-output-view.tsx to update default height value

* Refactor jsonEditor component to normalize transform query path

* Refactor jsonEditor component to add JSONQuery support for transform queries

* Add jsonquerylang library as a dependency

* Refactor utils.py to add support for applying JSON filters

* Refactor base.py to add apply_options method for JSON filtering

* Fix jsonOutputView to set filter option to undefined when empty

* Enhance apply_json_filter to support Data objects and improve query handling

* Improve json filtering in Output class to return original result if filtered result is None

* Refactor Component class to simplify map_outputs method and enhance output handling

* move jsonquerylang to langflow-base

* Refactor Component and Output classes for improved output handling and type consistency; enhance apply_json_filter to ensure proper data processing and add comprehensive unit tests.

* Add filter_data method to Data class and update apply_options in Output class to utilize it; enhance apply_json_filter return type to Data.

* Import apply_json_filter in Data class to enable data filtering functionality

* Add validation for JSON results in JsonEditor; ensure only objects and arrays are accepted and handle serialization errors

* 📝 (App.css): Add styles for jse-menu separator and cm-gutters to improve UI layout
♻️ (index.tsx): Refactor imports and code formatting for better readability and maintainability
🔧 (index.tsx): Update BaseModal component styles to improve UI layout and responsiveness

* 📝 (custom.css): add extra line at the end of the file for consistency
📝 (App.css): add styling for .jse-menu .jse-button.jse-group-button class
📝 (classes.css): add extra line at the end of the file for consistency

* 🐛 (data.py): fix custom_serializer to handle bytes objects by decoding them to utf-8
♻️ (base.py): refactor options field in Output class to accept BaseModel, dict, or None for better flexibility and compatibility

* Refactor apply_json_filter to directly use jsonquery on result, removing unnecessary string conversion

*  (base.py): Introduce OutputOptions model for output filtering and update Output class to use it

* 🐛 (classes.css): Hide search box background and adjust container positioning for better layout

*  (jsonEditor): Enhance filtering functionality with improved state management and user feedback

* Fixed package lock

* [autofix.ci] apply automated fixes

* Updated package lock

* [autofix.ci] apply automated fixes

---------

Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
Co-authored-by: Lucas Oliveira <lucas.edu.oli@hotmail.com>
Co-authored-by: cristhianzl <cristhian.lousa@gmail.com>
Co-authored-by: Gabriel Luiz Freitas Almeida <gabriel@langflow.org>
2025-03-17 14:25:50 +00:00
a4a70d4aea docs: ui improvements (#6317)
* use-yarn-not-npm

* swap-api-menu-items

* fix-errors

* force-sidebar-open

* increase-custom-css-values
2025-02-13 19:59:12 +00:00
f4d3451dd2 fix: size-down-docs-images (#6049)
fix:size-down-docs-images
2025-01-31 20:08:10 +00:00
2f96dbbdd4 docs: replace documentation icon and primary color (#4582)
* Updated primary color to be pink

* Updated primary color and header logo

* Updated favico

* Updated icon on Mendable search for docs

* Yarn.lock update

---------

Co-authored-by: Gabriel Luiz Freitas Almeida <gabriel@langflow.org>
2024-11-14 09:58:42 +00:00
3279b8a1e8 fix: add collapsible function to templates and fix design bugs (#4305)
* Updated colors

* Fixed design for small screens

* Change border radius

* Changed size of text on templates description

* Fix shine effect on small screens

* Fixed icons on starter templates

* Updated mono font to JetBrains

* Updated icon hit area for X

* Added gradient wrapper and x-gradient

* Changed colors and font weights for nav component

* Added zoom on hover of gradient

* Fixed input size

* Fixed all templates to show everything

* Hide scrollbar

* Change text size of card

* Removed title of the categories

* Removed unused currentTab from templatecategory

* Updated position of search icon

* Updated style of inputs

* Updated search clear button

* Fixed bug on small screens

* Added no results query

* Fixed background on get started cards

* Added focus ring on nav component

* Added tab index to search and sidebar buttons

* Added keyboard navigation to templates

* Updated templatesModal to use ShadCN Sidebar

* Implemented collapsible sidebar

* Fix collapsible to work on mobile but be overlaying content

* Added noise to styleUtils

* Updated padding and sizes for mobile

* Updated text size

* Updated font family to inter

* Made get started components fetch title and description from the flow

* Updated description on get started component

* Updated naming of sidebar

* Updated description of start from scratch

* Updated color of selected sidebar item

* Changed text color for sidebar not active items

* changed description sizes

* changed to line clamp

* Reduced gap between icon and category text

* Fixed no results state

* Fixed X icon only appearing on hover

* Fix auto focus issue

* fixed hover color of primary button

* Fixed gradients to use stops if it exists and stop using random gradient

* removed random gradient

* Fixed design of cards in templates

* Updated nav to go through tests

* Fixed focus on input

* [autofix.ci] apply automated fixes

* New color

* fix testes

* Fixed starter projects test

*  (starter-projects.spec.ts): add Page import to test function parameters for better code readability and maintainability
📝 (starter-projects.spec.ts): refactor test to include a function for waiting for template visibility, improving code readability and reducing duplication

---------

Co-authored-by: Cristhian Zanforlin Lousa <cristhian.lousa@gmail.com>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>
2024-10-31 16:39:58 -03:00
3aa2513a86 docs: added fetching from notion (#2670)
* Added new Docusaurus instance that fetches automatically from Notion

* Add Github workflow to fetch docs from Notion

* Added legacy peer deps to solve dependency problems

* Fix git ignore and added pages
2024-07-12 22:59:52 +02:00